zoukankan      html  css  js  c++  java
  • 在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>

    效果:

  • 相关阅读:
    js(一)
    css (一)
    html
    Spring MVC(四)
    Spring MVC(三)
    Spring MVC(二)
    Spring MVC(一)
    Druid应用
    C3P0使用
    jdbc(二)
  • 原文地址:https://www.cnblogs.com/luguankun/p/11756438.html
Copyright © 2011-2022 走看看