vue.js - 在Vue中的for循环中过滤列表
问题描述
我有这个列表,我必须在不同的 div 中显示active
列表中的和inactive
.
<v-ons-card
v-for="item in items.data"
:key="item.id"
> </v-ons-card>
项目来自这部分代码。
computed: mapState({
items: state => state.items.items
})
state.items
看起来像这样
const state = {
items: {
data: [],
},
};
我在想如果我能做到这一点,
v-for="item in items.data.active"
有什么办法可以做到吗?
解决方案
在 Vuex 或计算属性中使用 getter。
推荐阅读
- snowflake-cloud-data-platform - 雪花拉动 MaestroQA 数据
- shell - MobaXtern - 如何在 Moba 自己的 bash 终端中运行 bash shell 脚本?
- sql - Access 或 SQL:需要帮助从在查询中动态选择字段名称的字段返回数据
- api - 无法将 APIMan 中的端点 URL 更改为公共 IP
- flutter - “FirebaseMessaging”类没有默认构造函数 Flutter 2
- go - Go 在使用 new(string) 时如何分配内存
- android - 如何删除 Flutter 项目中的 ios 文件夹?
- firebase - 为什么 Google 在自己的多租户应用程序文档中不推荐 Google Firebase?
- python - 将 Panda 列拆分为多行
- image-processing - 基于物体形状的无监督图像分割