您的位置:首页 > Web前端 > Vue.js

Vue循环数组改变其中某一项的属性,视图不会重新渲染

2018-08-14 11:16 621 查看

Vue循环数组改变其中某一项的属性,视图不会重新渲染

举个例子:

上图中的数据源于后台返回的数组然后直接在页面进行渲染

我们点击圆圈勾选上这一条内容,此时这一条的属性确实发生了改变,但是页面却不会做出重新渲染的动作,导致页面毫无反应的假象

这时可以在点击开关的点击事件里面调用Vue的一个方法

Vue.set()

这个方法中有三个参数

Vue.set(页面循环的数组,索引值,选中的第item项)

当然不要忘记在页面中引用一下

import Vue from "vue"

执行完上述操作后,我们在点击开关,数据和视图就会进行同步更新了!

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐