vue 循环对象,数据更新,但是视图未刷新
来源:互联网 发布:红米2移动版网络解锁 编辑:程序博客网 时间:2024/06/08 19:18
今天需求碰到一个分组列表,按照以往的习惯,直接就想到了循环遍历对象,然后对象每一个key就是组标题,然后对应value为数组,再循环到组内渲染。
设想很完美,实现起来也不是很难。但是后来我把数据库数据放多之后,准备测试分页加载更多是否成功的时候,发现出现问题了,视图竟然没有刷新,可是数据明明刷新了呀。然后立马查看官方文档,找到了原因跟解决方案。
文档地址
文档中明确说了:Vue 不能检测对象属性的添加或删除
按照文档中来修改了我的code,整体思路相同,在这里贴出我的部分实现代码,如下:
//response.data.jclb 为获取到的服务器列表数据//vm.items为我需要视图显示的对象for (let i = 0; i < response.data.jclb.length; i++) { if (vm.items[response.data.jclb[i].jcrq] === undefined) { //属性为空,则创建 vm.items[response.data.jclb[i].jcrq] = [] } //添加某一个组内的列表元素 vm.items[response.data.jclb[i].jcrq].push(response.data.jclb[i]) //下面四行代码就是为了解决视图没有刷新主要的实现代码 var key = response.data.jclb[i].jcrq let ob = {} ob[key] = vm.items[response.data.jclb[i].jcrq] vm.items = Object.assign({}, vm.items, ob)}
先记录这点,以后碰到更详细的,再补充。又要去码砖了。。。。
阅读全文
0 0
- vue 循环对象,数据更新,但是视图未刷新
- vue 数据更新 视图不刷新
- vue数组中数据变化但是视图没有更新解决方案
- vue数组中数据变化但是视图没有更新解决方案
- vue数组中数据变化但是视图没有更新解决方案
- ExpandableListView 关于更新视图 刷新数据
- Vue.js 数据更新后,视图不会更新的异常
- vue 改变对象的属性,视图不刷新的问题
- vue中对象属性改变视图不更新问题
- 一个“错误”的vuex写法:vuex刷新了数据但是视图没有刷新
- vue中for循环更改数据,数据变化但页面数据未变
- vue刷新数据
- flex datagrid 的级联更新 , 使用itemUpdated不刷新数据.更新视图
- vue v-for 循环对象
- vue中修改了数据但视图无法更新的情况
- vue中修改了数据但视图无法更新的情况
- Vue遇到的bug-02(vue中修改了数据但视图无法更新的情况)
- 数据更新与视图
- matlab中的rand使用
- 使用opencv_python进行视频分析遇到的bgsegm问题
- poj3373——Changing Digits
- MySQL 锁、事物、MVCC
- ArcGIS Data Store的只读事务
- vue 循环对象,数据更新,但是视图未刷新
- Triangle
- 简单的数据库查询和管理语句汇总
- uva10491(离散概率)
- 002概率论基本公式
- mysql 函数补充
- Photomatix Essentials(HDR照片处理软件)官方注册版V4.2下载 | HDR合成软件
- Android Service的绑定流程源码分析(8.0)
- Java常见异常归纳