【VUE】使用this.$forceUpdate();解决页面v-for中修改item属性值后页面不渲染问题

问题描述:

点击按钮就修改当前的状态,不想重新加载数据,体验不好;
使用this.$set 来修改属性值,打印发现 列表数据已经改变了,但是并没有渲染到页面上;
在这里插入图片描述

解决办法:

this.$set(this.dataList[index],"radioState",code);  
this.$forceUpdate();//修改属性值页面不刷新问题;使用$forceUpdate强制刷新

原因

因为数据层次太多,render函数没有自动更新,需手动强制刷新。


版权声明:本文为weixin_42288182原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。