Vue.js 在Vue中处于for循环时的筛选器列表

我有这个列表，我必须在不同的div中显示列表中的活动和不活动的

state.items如下所示

const state = {
  items: {
    data: [],
  },
};

我在想如果我能做到的话

v-for="item in items.data.active"

---

有什么方法可以做到这一点吗？

在Vuex或computed属性中使用getter。

我想这就是您要寻找的：

计算：{ 活动项{ 返回this.items.data.filterx=>x.active； }, 不活动项{ 返回this.items.data.filterx=>！x.active； }, }, 活动项目： 非活动项目：

---

你能分享你的state.items的样子吗？更新了内容。看起来是这样的。如何确定数据是活动的还是非活动的？您可以尝试在活动div列表中使用v-if=true==item.active，在非活动div列表中使用v-if=false==item.active。但最好的解决方案是在你的商店中创建getter，让它们过滤写项目，而不是弄乱应用程序的查看部分。

const state = {
  items: {
    data: [],
  },
};

v-for="item in items.data.active"