Vueで条件付きレンダリングを行う方法
P粉702946921
P粉702946921 2024-04-01 19:36:54
0
1
472

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

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

DashboardView.vue

リーリー

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

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

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

P粉702946921
P粉702946921

全員に返信(1)
P粉966979765

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

リーリー

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

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

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート