ホームページ  >  に質問  >  本文

Vue の小道具に基づいて条件付きでレンダリングされたテキストを表示する別の方法は?

ユーザー メンバーシップのステータスに基づいてテキストをレンダリングするコンポーネントがあり、そのプロパティ値に基づいて補間テキストを変更したいと考えています。 v-if または v-show を使用して、一連の div/p タグ以外のプロパティに基づいてさまざまなテキストを表示するより効率的な方法はありますか?

大量のテキストを含むスタックされた div が常に存在します。

ご提案があれば大歓迎です。

###乾杯!

ああああ

P粉021854777P粉021854777205日前414

全員に返信(2)返信します

  • P粉447002127

    P粉4470021272024-03-28 16:45:31

    はい、もっと良い方法があります。 次のような計算プロパティを定義できます Vue2 構文

    リーリー

    Vue3 構文

    リーリー

    次に、テンプレート内で補間計算を呼び出します。たとえば、

    リーリー

    返事
    0
  • P粉245276769

    P粉2452767692024-03-28 13:58:39

    おそらく次のコード スニペットのようなものです (計画をマップし、計算されたプロパティを使用します):

    リーリー リーリー リーリー

    返事
    0
  • キャンセル返事