Vue.js での条件付きレンダリング

Question

私のアプリケーションは野菜作物のリストをループし、病気のキーと各作物の防除対策へのリンクを表示します。

作物の 1 つ (cropid=6) には病気キーが存在しないため、その特定のリンクの表示を停止できません。

私のコードの関連部分は次のとおりです:

リーリー

私のデータ部分は次のとおりです:

リーリー

cropID=6 の場合、「病気キー」リンクの表示を停止するにはどうすればよいですか?

ありがとう/トム

Answer 1

条件付き表示の場合は、v-if を使用する必要があります。 disease.id が cropId に似ていると仮定すると、次のコードを使用できます:

リーリー リーリー