メソッド内の条件に基づいてリスト要素を非表示にする方法は?

Question

ループスルーしたい項目の配列があり、各項目にはアプリケーションの他の部分に基づいた独自の条件があるとします。

リーリー リーリー

item1 別の配列のデータを含む関数があります -

リーリー

ここで、他の配列が存在しない (false) 場合、その配列内のデータは表示されませんが、item 1 のアイコンと名前は、属していないため引き続き表示されます。メソッドの条件文。

では、条件が false の場合にリスト内の項目全体が非表示になるようにこのメソッドをオーバーライドするにはどうすればよいでしょうか?

item 2 と item 3 には独自の条件セットがあるため、テンプレートに v-if を適用できないことに注意してください。これらのアイテムを個別にターゲットにする必要があります。

Answer 1

配列の各項目に condition 属性を追加します-

リーリー

そして、template で、このプロパティを使用して項目を非表示/表示します-

リーリー