码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-04-18 11:48:03      阅读:407      评论:0      收藏:0      [点我收藏+]

标签:ima   color   vuejs   无法   force   wrap   不能   handle   drag   

在写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:有兴趣的可以关注下我的公众号和小程序,谢谢啦~~

技术图片技术图片?技术图片技术图片?

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

标签:ima   color   vuejs   无法   force   wrap   不能   handle   drag   

原文地址:https://www.cnblogs.com/echo-php-study/p/12724624.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!