vue v-for初始化后, 数组更新但视图没更新的处理
2018-04-12 11:10
621 查看
vue中依赖数组视图初始化后,后续数组更改,但是视图不更新,根据官网解释:
1)源代码如下:
<div class="tab" ref="tab"> <div class="tab_content" ref="tabcontent" > <game_block class="tab_item" v-for="(item, index) in lastPlayGameInfo" ref="tabitem" :gameinfo = 'item'></game_block > </div> </div>
2)监测数据变化,如果变化则set下,因为我是根据数组长度定义横向scroll的宽度,所以后来还refresh scroll宽度,具体的横向scroll的见我上一篇博客: https://blog.csdn.net/fanrenmuchangqian/article/details/79658743
watch: { lastPlayGameInfo(lastPlayGameInfo){ console.log(1234); this.lastGameInfo = []; this.lastPlayGameInfo.forEach((value,index) => { this.$set(this.lastGameInfo,index,value); }); this.InitTabScroll();
} },
1)源代码如下:
<div class="tab" ref="tab"> <div class="tab_content" ref="tabcontent" > <game_block class="tab_item" v-for="(item, index) in lastPlayGameInfo" ref="tabitem" :gameinfo = 'item'></game_block > </div> </div>
2)监测数据变化,如果变化则set下,因为我是根据数组长度定义横向scroll的宽度,所以后来还refresh scroll宽度,具体的横向scroll的见我上一篇博客: https://blog.csdn.net/fanrenmuchangqian/article/details/79658743
watch: { lastPlayGameInfo(lastPlayGameInfo){ console.log(1234); this.lastGameInfo = []; this.lastPlayGameInfo.forEach((value,index) => { this.$set(this.lastGameInfo,index,value); }); this.InitTabScroll();
} },
相关文章推荐
- vue数组中数据变化但是视图没有更新解决方案
- Vue 数组中更新属性值后,视图不更新,等待其他元素更新后会触发的解决办法
- VUE(v-for 数组、对象更新检测)
- Vue 数组视图不能更新的解决方案
- vue计算属性时v-for处理数组时遇到的一个bug问题
- vue数组中数据变化但是视图没有更新解决方案
- vue.js移动数组位置,同时更新视图的方法
- Vue $set 数组不能更新视图的问题
- vue数组中数据变化但是视图没有更新解决方案
- vue数组操作不更新视图问题
- C# 字符串,数组,日期常遇到的处理方法(持续更新)
- Vue中数组和对象更改后视图不刷新的问题
- 详解VUE 数组更新
- 解决vue中修改了数据但视图无法更新的情况
- Vue.set() this.$set()引发的视图更新思考及注意事项
- vue数据绑定数组,改变元素时不更新view问题
- vue中watch的用法总结以及报错处理Error in callback for watcher "checkList"
- C# 字符串,数组,日期常遇到的处理方法(持续更新)
- (转)PL/SQL编辑数据"这些查询结果不可更新,请包括ROWID或使用SELECT...FOR UPDATE获得可更新结果"处理
- 结构体内不定长数组初始化,error: #1077: an initializer cannot be specified for a flexible array member