过滤v-for数组以仅返回特定ID -Vue.js

问题描述

我试图用v-for遍历一个数组，但是我只需要列出特定的ID。 到目前为止，我已经尝试过此代码

[64.71655 62.2647  33.394   72.0865  58.2034 ] 290.66515

在此示例中，如何使用v-for和v-if列出特定ID？

解决方法

好吧，您可以在要返回道具的计算部分中进行过滤：

 computed: {
          Items() {
            return this.items.filter((item,index)=>{return index>0 && index<5})
          }
        }

那么您将拥有的项目就是原始过滤的项目

,

您的Items属性应过滤以下ID：

Items() {
            return this.items.filter(item=>[1,2,3,4].includes(item.id))
          },

模板：

 <div v-for="item in Items"  :item="item" :key="item.id">{{ item.name }}</div>