【vuejs】vue数组操作

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官方文档 数组变动检测

原文地址:http://blog.csdn.net/qq_24849765/article/details/52336963

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值