vue操作数组时遇到的坑

用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算起长度为一的元素

vue操作数组时遇到的坑

有三个参数的是替换也就是插入元素,我这里是自己写的对象进行替换

vue操作数组时遇到的坑

6.注意

实际上我们在操作数组时有时会出现console出来的数据改变了,但是列表没有渲染的问题,我建议大家在对数组进行操作时还是用this.$set()好点

vue操作数组时遇到的坑

这个是接着上图做的小改变,然而这种方法也没有渲染,因为需要对this.list进行操作才能使列表渲染,像这种写法没什么用

需要重新再来一遍把this.list里的对象再给替换一次,因为我做的功能是一个树形表格,list下面对象还有子节点对象,操作起来比较麻烦

vue操作数组时遇到的坑

上一篇:分支-15. 日K蜡烛图(15)


下一篇:MySQL substring_index函数