| | |
| | | <template> |
| | | <el-form-item label="上线状态"> |
| | | <el-select |
| | | v-model="selectedOptions" |
| | | :model-value="value" |
| | | @change="handleChange" |
| | | placeholder="上线状态" |
| | | style="width: 75px" |
| | | > |
| | |
| | | data() { |
| | | return { |
| | | onlineStatus: enumOnlineStatus(), |
| | | 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.onlineStatus[0]; |
| | | this.handleChange(this.onlineStatus[0]); |
| | | } |
| | | }, |
| | | }; |