在vue里修改数组长度

在vue里,修改数组长度,可以分成两个情况

情况一:把数组长度改为0

情况二:把数组长度改为大于0的其他数字

对于情况一,把数组长度改为0,就是清空数组。vue里清空数组的两个方法,如下:

  this.arr.splice(0)  //vue 清空数组的两个方法
  this.arr = [];     //vue 清空数组的两个方法

情况二,举个例子

 arr:[1,2,3] // 数组里原来有3个元素
  methods: {
    changeLength(){
      //设置要更改数组的长度
      var newLength = 10;
      // 新数组的长度 - 原来数组的长度
      var addLength = newLength - this.arr.length ;
      var newArr = [];
      newArr.length = addLength ;
      //把一个数组合并到原来的数组里
      this.arr = this.arr.concat(newArr)
       console.log(this.arr.length);
       console.log(this.arr);
    }
  },
  <button @click="changeLength()">改变数组长度</button>

效果:

猜你喜欢

转载自www.cnblogs.com/luguankun/p/11756438.html
今日推荐