标签：set JavaScript vm 测试 方法 forceUpdate 绑定

在点击的过程中监听了的绑定值的变化,也改变了,但是下拉框是没有反应的

感觉自己设定的值和element ui触发的绑定值有点不一样

在添加的框中选中的值返回的不单单是一个数组还有些其他值,但是自己回显的数据只是一个普通值

 

解决办法:

方法一  vm.$set

当视图自动更新失败时，vue提供了set方法vm.$set(target,propertyName/index,value)，用此方法更新视图达到操作同步的效果

JavaScript

vm.$set(target,propertyName/index,value)

在添加数据的最后一行加上

JavaScript

this.$set(this.form, 'values', arr)

 

方法二  vm.$forceUpdate()

vm.$forceUpdate()：迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

在select 元素上绑定change方法

方法中写上

JavaScript

refreshCheck(){
            this.$forceUpdate();
        },

 

两种方法均可

 

参考链接:https://blog.csdn.net/zhuzicc/article/details/108242963

标签：set,JavaScript,vm,测试,方法,forceUpdate,绑定
来源： https://www.cnblogs.com/RobotCode/p/16582942.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。