问题:初始化数据,下拉框默认选中第一个数据后,无法再次选择其他数据
getPowerSelectBus(netid) {
getSelectBusNew({
netid: netid
}).then((res) => {
this.optionProps = res.data.data
this.form.busName = this.optionProps[0].label
})
},
解决方案:使用watch监听某个属性的数据变化后,再使用this.$set()给对象或者数组里面的某个属性重新赋值,成功解决问题。
'form.busName': {
handler(val) {
this.$set(this.form, 'busName', val)
this.optionProps.map((item, index) => {
if (val == item.value) {
this.$set(this.form, 'busid', item.value)
}
})
},
deep: true //深层监听
},