- 给form表单里面的 el-select 下拉框设置一个默认值,但是当下拉框重新选择时,页面下拉框的值却不变,
- 原因: select 已经绑定了值,重新选择的时候,render函数没有自动更新,数据刷新了但是视图没有刷新(value 改变了,但是label值没变)
解决方法
$forceUpdate() 强制更新
<el-select v-model="obj.byAgentComp"
@change="dataUpdate"
value-key="compCode">
<el-option v-for="(item,index) in byAgentOptions"
:label="item.compName"
:value="item"
:key="index"></el-option>
</el-select>
methods: {
dataUpdate() {
this.$forceUpdate()
},
}