Return 在 vue 中的特定索引处具有过滤器对象的数组

Question

我想删除索引 2 和 return 计算数组中的对象。

我可以在 div 中用 v-for 和 v-if 做到这一点，但它有一些警告。

    <div
          v-for="(index, i) in sameImage"
          v-if="i !== 2"
        >
   </div

如何使用过滤器进行计算。

sameImage:function () {
      
      const ar = this.MainImg;
      
      return ar.filter();
    }

Answer 1

您可以将索引添加为过滤器回调的第二个参数：

return ar.filter((_,i)=>i!==2);

或将 v-if 和 v-for 分隔在不同的元素中，例如：

<template  v-for="(index, i) in sameImage">
  <div          v-if="i !== 2">
    {{index}} 
  </div>

</template>

template 不是根元素，它是一个虚拟元素，不会在 DOM

中呈现

Return array with filter object at specific index in vue