使用vue+ant design的时候遇到下拉框选择值发生变化了,但是页面值却没有更新
出现这种问题是因为:这边循环的collector数组是动态获取的,改变页面其他选项都会修改collector的值,render函数没有自动更新,所以在选择的时候需要强制更新
解决方式:
![](https://img.haomeiwen.com/i23226621/5d637b8edd056316.png)
<a-select v-model="formModel.priorityLevel" @change="selectchange">
<a-select-option
:value="item.key"
v-for="item in priorityLevel"
:key="item.key"
>
{{ item.value }}
</a-select-option>
</a-select>
给select加@change事件;@change="selectchange",在方法中利用this.$forceUpdate() // 强制刷新数据
selectchange(){
this.$forceUpdate();
},
网友评论