vue数组操作
来源:互联网 发布:如何卸载mac上的软件 编辑:程序博客网 时间:2024/05/17 04:36
vue中数组的操作总结:
一、根据索引设置元素:
1、调用$set方法:
this.arr.$set(index, val);
2、调用splice方法:
this.arr.splice(index, 1, val);
二、合并数组:
this.arr = this.arr.concat(anotherArr);
三、清空数组:
this.arr = [];
四、主要的数组方法:
1、变异方法(修改了原始数组),vue为触发视图更新,包装了以下变异方法:
push()pop()shift()unshift()splice() //无论何时,使用该方法删除元素时注意数组长度有变化,bug可能就是因为她sort()reverse()
2、非变异方法(不会修改原始数组而是返回一个新数组),如concat()、filter(),使用时直接用新数组替换旧数组,如上面的合并数组例子。
五、注意:
//以下操作均无法触发视图更新this.arr[index] = val;this.arr.length = 2;
详细了解请参考vue官方文档数组变动检测。
0 0
- vue数组操作
- Vue数组操作
- 【vuejs】vue数组操作
- Vue 之数组
- Vue---数组遍历
- Vue 数组检测 filter
- Vue数组检测
- vue中的数组监测
- vue表单元素操作
- vue基本操作
- vue.js操作select
- VUE前端cookie操作
- vue-表单操作
- vue 基本操作
- VUE前端cookie操作
- Vue.set全局操作
- Vue.js 数组使用注意事项
- Vue如何删除数组元素
- Visual Stdio C++ 编译器 编译 (GSL) GNU Scientific Library 的方法介绍(5)
- Python3创建虚拟环境
- hibernate笔记
- jzoj 3072 掷骰子 (概率dp)
- 面试45:圆圈最后剩下的数字(约瑟夫环)
- vue数组操作
- ImageView的重要属性
- DELPHI写的截图小工具源码(部分)
- Morris.js的参数说明和使用方法介绍
- win7上将webrtc源码生成all.sln
- 面向对象
- UVAlive-4643 Twenty Questions
- js动画(完美运动框架)
- UVA 10635 LIS