Vueで条件付きレンダリングを行う方法

Question

私はタスクを作成し、それらをリストに入れて効率的に追跡するために使用できるアプリケーションを開発しています。リストとリスト内のタスクを作成しました。

リスト内のリストに属するすべてのタスクをレンダリングしようとしています。ただし、これ用の vue コードを作成すると、問題が発生します。そのリストにのみ属するタスクをレンダリングする代わりに、コードはデータベース内のすべてのタスクを生成します。特定のリストに属するタスクのみをレンダリングする正しい方法を見つけるのを誰かが手伝ってくれますか?

DashboardView.vue

リーリー

JSON 形式でダッシュボードのデータを受け取ります。データの例は次のとおりです:

私のコードは現在次のようにレンダリングされます。

ただし、バックログには GO タスクと Amatersu タスクを含めたいので、ハイゼンベルクには GO、New、AK タスクなどのみを表示する必要があります。つまり、リストに含まれるタスクのみをリストに表示したいだけです。 誰かがそれを正しくレンダリングする方法を教えてくれれば、非常に役立ちます。

Answer 1

このコードでエラーが発生します

リーリー

最初の v-for ループは各項目をループします (すでにリスト カードを表示するために、上記の v-for を class="all__lists" で使用して div でこれを実行しています)、2 番目の v-A for ループは以下を繰り返します。各プロジェクトのタスク。

以下に示すように最初の v-for を削除します

リーリー