Vue循环数组改变其中某一项的属性,视图不会重新渲染
2018-08-14 11:16
621 查看
Vue循环数组改变其中某一项的属性,视图不会重新渲染
举个例子:
上图中的数据源于后台返回的数组然后直接在页面进行渲染
我们点击圆圈勾选上这一条内容,此时这一条的属性确实发生了改变,但是页面却不会做出重新渲染的动作,导致页面毫无反应的假象
这时可以在点击开关的点击事件里面调用Vue的一个方法
Vue.set() 这个方法中有三个参数 Vue.set(页面循环的数组,索引值,选中的第item项)
当然不要忘记在页面中引用一下
import Vue from "vue"
执行完上述操作后,我们在点击开关,数据和视图就会进行同步更新了!
阅读更多相关文章推荐
- Vue 改变数组中对象的属性不重新渲染View的解决方案
- 详解Vue改变数组中对象的属性不重新渲染View的解决方案
- vue数组操作不触发前端重新渲染
- vue 数组内对象修改属性页面不渲染问题
- vue数组中对象属性变化页面不渲染问题
- 文件重命名功能--对循环里特定的某一项操作,可是发现id等属性都相同每次都只能改变第一个的原因及其解法
- vue替换data里面for渲染的列表或者是循环以及替换数组的内容
- 解决vue数组中对象属性变化页面不渲染问题
- vue中对象属性改变视图不更新问题
- Vue 数组中更新属性值后,视图不更新,等待其他元素更新后会触发的解决办法
- 解决vue中对象属性改变视图不更新的问题
- angularjs位于ng-switch中的ng-option 当select option改变了在IE上不会重新渲染 issue解决方案
- Vue监听当数据发生改变v-for渲染完成
- 写一个算法,使对象可以像数组一样进行foreach循环,要求属性必须是私有的(Interator模式的PHP5实现,写一类实现Interator接口)
- Vue 2.3.4源码分析之视图渲染
- 又一个疑似Bug: XmlDataSource 控件的 Data 属性动态改变时,缓存不会自动失效
- vue列表渲染,以及鼠标点击改变样式的问题
- jsp name属性相同的一组输入框input,输入其中一个值,其余值跟随改变事件监听代码
- Angular 改变url参数而不重新视图
- 详解Vue中数组和对象更改后视图不刷新的问题