| | |
| | | <template> |
| | | <el-form-item label="用户类型" :prop="prop"> |
| | | <el-select |
| | | v-model="selectedOptions" |
| | | :model-value="value" |
| | | @change="handleChange" |
| | | placeholder="用户类型" |
| | | style="width: 150px" |
| | | > |
| | |
| | | data() { |
| | | return { |
| | | userTypes: enumUser(this.allOption), |
| | | selectedOptions: {}, |
| | | }; |
| | | }, |
| | | watch: { |
| | | selectedOptions: { |
| | | handler(nVal, oVal) { |
| | | if (nVal != oVal) { |
| | | this.$emit('update:value', nVal); |
| | | } |
| | | }, |
| | | deep: true, |
| | | }, |
| | | value: { |
| | | handler(nVal, oVal) { |
| | | if (nVal != oVal) { |
| | | this.selectedOptions = nVal; |
| | | } |
| | | }, |
| | | deep: true, |
| | | immediate: true |
| | | }, |
| | | methods: { |
| | | handleChange(value) { |
| | | this.$emit('update:value', value); |
| | | } |
| | | }, |
| | | mounted() { |
| | | if (this.initValue) { |
| | | this.selectedOptions = this.userTypes[0]; |
| | | this.handleChange(this.userTypes[0]); |
| | | } |
| | | }, |
| | | }; |