Vue 数组嵌套中循环数组改变值未响应

Vue中数组的动态替换和变更存在不及时相应的问题，根据官网给的方法可以解决

vm.$set(vm.items, indexOfItem, newValue)

项目开发中碰到了，数组循环数组，遍历展示数组中数组，进行手动分页，分页完成后发现DOM结构没有及时响应，根据排查发i西安数组内的数组没有及时响应，于是用了上面的方法，可是数据依旧没有被响应，问题出在了数组外还有一层数组，导致你不能对数组中的某一个数组进行变更，你需要通过改变最外层数组从而到达改变深层数组的需求，代码如下

/ 手动分页logpagenation(page,item,index){//page 当前页数//item是内数组的某一条数据,后来发现没用//index是外层数组的下标let objx = this.mainData[index]objx.historyData = []this.$set(this.mainData,index,objx)let count;if (objx.auditRecordList.length - (page - 1) * this.historyPageSize < this.historyPageSize) {count = objx.auditRecordList.length;} else {// 如果满足一页，那么count的值 就是几页count =  page * this.historyPageSize;}let arrData = []for (let i = (page - 1) * this.historyPageSize; i < count; i++) {arrData.push(objx.auditRecordList[i]);}let obj = this.mainData[index]obj.historyData = arrDatathis.$set(this.mainData,index,obj);},

Vue 数组嵌套中循环数组改变值未响应相关推荐

js检测数组对象中是否有重复值
判断数组对象里的某个值是否都是同一个值 isRepeat=(arr)=> {var hash = {};for(let i=0;i<arr.length;i++){if (!hash[ar ...
scala元组数组_Scala中的数组
scala元组数组 Scala中的数组 (Arrays in Scala) An array is a linear data structure with a fixed number of el ...
matlab 如何把数组A中与数组B中元素相同的元素删除
比如: A = [1 3 7 6 4 5 2]; B = [3 5 6]; 如何把数组A中与数组B中的元素相同的元素删除,而剩余的元素还是按照原来的顺序排列? 即结果为:[1 7 4 2]. [~, ...
linux 杀掉php,Linux_在Linux系统中使用xkill命令杀掉未响应的进程，我们如何在Linux中杀掉一个资 - phpStudy...
在Linux系统中使用xkill命令杀掉未响应的进程我们如何在Linux中杀掉一个资源/进程?很明显我们会找出资源的pid然后用kill命令. 说的更明白一点,我们可以找到某个资源(比如termin ...
word表格放在文件夹中卡死打不卡(未响应)
word表格放在文件夹中卡死打不卡(未响应) 想把word文档归置到一个文件夹方便管理打开电脑处理文件,发现把word文档放到文件夹中只要点击就会出现文件夹(未响应的状态)重启了无数次了还是没用, ...
JS数组方法中哪些会改变原数组，哪些不会？
前言作为一名前端开发人员,我们每天都会与数组打交道.JS 也提供了很多操作数组的原生 API 供我们调用.在这些方法里面,有的方法会改变原数组,有些不会改变原数组.别看这一点小小的区别,往往会造成巨 ...
js中的数组方法以及循环数组的方法
目录前言一.数组是什么? 二.数组基本操作方法 1.创建数组 2.常用数组方法三.循环数组的方法总结前言数组是用来存储元素的一种非常重要的方式,掌握常用的数组方法以及学会遍历数组是学习编程 ...
数组方法中，会改变原数组、不会改变原数组的方法有哪些？
会改变原数组: 1 添加元素类:(返回新的长度) push() 把元素添加到数组尾部 unshift() 在数组头部添加元素 2 删除元素类:(返回的是被删除的元素) pop() 移除数组最后一个元素 ...
shell中循环数组
定义一个数组,用小括号括起来,内容用空格分割即可. 循环数组时候一个关键点是要在数组后面增加 [@] 符号,表示获取数组全部内容,如果不加,则只能获取到第一个元素. 也可以通过下标的方式获取数组元素 ...

Vue 数组嵌套中循环数组改变值未响应

Vue 数组嵌套中循环数组改变值未响应相关推荐

最新文章

热门文章