如何在Vue中进行条件渲染
P粉702946921
P粉702946921 2024-04-01 19:36:54
[Vue.js讨论组]

我正在开发一个应用程序,可用于创建任务并将它们放入列表中以有效地跟踪它们。我已经创建了列表和列表中的任务。

我正在尝试渲染属于列表内列表的所有任务。但是,当我为此编写 vue 代码时,我遇到了问题。我的代码不是渲染仅属于该列表的任务,而是生成数据库内的所有任务。有人可以帮助我找到仅渲染属于特定列表内的任务的正确方法吗?

DashboardView.vue






我通过 JSON 格式接收仪表板中的数据。示例数据可以是:

我的代码当前呈现如下:

但我希望待办事项列表包含 GO 和 Amaterasu 任务,海森堡应该只显示 GO、New 和 AK 任务等。即,我只希望列表呈现仅包含它的任务。 如果有人能告诉我如何正确渲染它,这对我来说非常有用。

P粉702946921
P粉702946921

全部回复(1)
P粉966979765

错误出现在这段代码

第一个 v-for 循环遍历您的每个项目(您已经在 div 上使用上面的 v-for 与 class="all__lists" 执行此操作以显示您的列表卡),第二个 v-for 循环遍历每个项目任务。

删除第一个 v-for,如下所示

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号