在新增和修改的时候,对窗口中的下拉做数据填充。修改时能及时选中,新增时却无法选中。
<el-form-item label="关联主设备">
<el-select
v-model="modify.mmsEquId"
@change="relatedMainequ"
clearable
filterable
>
<el-option
v-for="item in optionCars"
:key="item.id"
:label="item.text"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
解决方案:
1.强制更新视图可以解决选中失效问题。
relatedMainequ(data) {
this.$forceUpdate()
},
2、在数据定义的初始化阶段赋值,mmsEquId赋初值,也可解决选中失效的问题。
data() {
return {
modify: {
equtypeId: "",
mmsEquId: "",
},
}
}