Vue循环数组改变其中某一项的属性,视图不会重新渲染
Vue循环数组改变其中某一项的属性,视图不会重新渲染举个例子:上图中的数据源于后台返回的数组然后直接在页面进行渲染我们点击圆圈勾选上这一条内容,此时这一条的属性确实发生了改变,但是页面却不会做出重新渲染的动作,导致页面毫无反应的假象这时可以在点击开关的点击事件里面调用Vue的一个方法Vue.set()这个方法中有三个参数Vue.set(页面循环的数组,索引值...
·
Vue循环数组改变其中某一项的属性,视图不会重新渲染
举个例子:
上图中的数据源于后台返回的数组然后直接在页面进行渲染
我们点击圆圈勾选上这一条内容,此时这一条的属性确实发生了改变,但是页面却不会做出重新渲染的动作,导致页面毫无反应的假象
这时可以在点击开关的点击事件里面调用Vue的一个方法
Vue.set()
这个方法中有三个参数
Vue.set(页面循环的数组,索引值,选中的第item项)
当然不要忘记在页面中引用一下
import Vue from "vue"
执行完上述操作后,我们在点击开关,数据和视图就会进行同步更新了!
更多推荐
已为社区贡献4条内容
所有评论(0)