为什么vue里数组会产生empty这个元素。

这是因为使用了$set这个方法:这个方法可以给数组里指定位置添加，修改元素。
假如一个数组没有初始化为空。然后给数组第四个元素添加值，这就会导致前面的元素为empty。

eg：

   this.$set(this.xzjq, 3, name);
   console.log(this.xzjq); //(4) [empty × 3, "延10", __ob__: Observer]

    <li v-for="(item, index) in  xzjq" :key="index">
           <!--去掉数组里empty的值-->
          <div v-if="(item)">
              {{item}} <span @click="delJq(index)">x</span>
          </div>
        </li>

这里用v-if="(item)"判断元素是否为empty，不为empty时才显示数据。
通过这种方式过滤掉了empty。

版权属于：小小窝/禾下月

本文链接：https://hxyxyz.top/index.php/Web/237.html

本站文章采用 知识共享署名4.0 国际许可协议 进行许可，请在转载时注明出处及本声明！