用vue操作数组时,一般就那几个方法,而且是可以渲染的,但是有时候列表是渲染不了的先说下操作数组的几个方法吧
1 push ( )
这个方法是在数组的最后面添加元素
用法: 括号里写需要加入的元素 this.list.push(object)
2 pop( )
删除数组中的最后一个元素
用法: this.list.pop() 括号里不需要参数
3.shift ( )
删除数组中的第一个元素 和pop()用法一样
4.unshift ( )
在数组的最前面添加元素 和push()用法一样
*5.splice( )
这个用法是挺重要的,它可以用来删除,插入和替换数组中的元素
用法:splice() 括号中可以有3个参数,第一个是索引值就是从哪个索引开始算起,第二个是长度值,第三个是对象元素
有两个参数的是删除元素,这里的index是一个变量它是索引值,index是多少就删除从index算起长度为一的元素
有三个参数的是替换也就是插入元素,我这里是自己写的对象进行替换
6.注意
实际上我们在操作数组时有时会出现console出来的数据改变了,但是列表没有渲染的问题,我建议大家在对数组进行操作时还是用this.$set()好点
这个是接着上图做的小改变,然而这种方法也没有渲染,因为需要对this.list进行操作才能使列表渲染,像这种写法没什么用
需要重新再来一遍把this.list里的对象再给替换一次,因为我做的功能是一个树形表格,list下面对象还有子节点对象,操作起来比较麻烦