vfor中去掉数组数数据中empty。使用vif

为什么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。

hxy

hxy

秦 夏

留下你的评论

快留下你的小秘密吧