ユーザー メンバーシップのステータスに基づいてテキストをレンダリングするコンポーネントがあり、そのプロパティ値に基づいて補間テキストを変更したいと考えています。 v-if または v-show を使用して、一連の div/p タグ以外のプロパティに基づいてさまざまなテキストを表示するより効率的な方法はありますか?
v-if
v-show
大量のテキストを含むスタックされた div が常に存在します。
ご提案があれば大歓迎です。
ああああ
はい、もっと良い方法があります。 次のような計算プロパティを定義できます Vue2 構文
Vue3 構文
次に、テンプレート内で補間計算を呼び出します。たとえば、
おそらく次のコード スニペットのようなものです (計画をマップし、計算されたプロパティを使用します):
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
はい、もっと良い方法があります。 次のような計算プロパティを定義できます Vue2 構文
リーリーVue3 構文
リーリー次に、テンプレート内で補間計算を呼び出します。たとえば、
リーリーおそらく次のコード スニペットのようなものです (計画をマップし、計算されたプロパティを使用します):