在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>

效果：