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

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

举个例子：

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

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

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

Vue.set()

这个方法中有三个参数

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

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

import Vue from "vue"

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