在 vue 中的特定索引處返回帶有過濾器 object 的數組

Question

我想刪除索引 2 處的 object 並在計算中返回數組。

我可以用 v-for & v-if 在 div 中做到這一點，但它有一些警告。

    <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 中呈現