vue el-select 设置默认值后选项无法切换

Posted 2021-02-28 echo-php-study

在写vue项目时，设置页面下拉框的默认值时，后台获取数据绑定后，重新选择后，一直不切换下拉值，一开始以为是绑定值错误，或者后台数据调用慢，后来上网查了说是页面渲染的问题，坑人呀，现在记录下，给大家个提示：

?

 

?

原因：出现这个问题就是绑定了对象（需求如此），render函数没有自动更新，数据刷新了，但是视图没有刷新。

 

解决方案：this.$forceUpdate就是重新render。

?

 

?

虽然这种方法也可以解决问题，但是问题的根本不是，由于 javascript 的限制，Vue 不能检测以下数组的变动，见vue网站文档：

?

文章链接：https://cn.vuejs.org/v2/guide/list.html#%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0%E6%A3%80%E6%B5%8B

所以只要把整个form的值重新赋值一下就行了

?

 

ps：有兴趣的可以关注下我的公众号和小程序，谢谢啦~~

??