vue里面交换一个数组里面的两个元素的位置

 

i和i+1.交换相当于是i后移一位

              var tempOption = this.resourceLists[i+1];
               this.$set(this.resourceLists, i+ 1, this.resourceLists[i]);
               this.$set(this.resourceLists, i, tempOption)

 

i和i-1.交换相当于是i前移一位

                 var tempOption = this.resourceLists[i - 1];
                  this.$set(this.resourceLists, i - 1, this.resourceLists[i]);
                 this.$set(this.resourceLists, i, tempOption)

 

注意都必须写成this.$set这样页面dom的元素才会改变。

设了一个变量暂时放我们要和i交换的元素。然后间接交换。类似  a=x;x=y;y=a;如果你自己写this.$set(this.resourceLists, i - 1, this.resourceLists[i]);可能就会导致i-1的元素变成了i。他们就有了相同的key值就会报错的。

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值