しばし、PHPやPythonなどのフレームワークのテンプレートエンジンでは以下のような形で、変数の結果に基づいて、表示する要素を変更することが出来ます。
<div class="header_content"> {% if name == 'taro' %} <img src="@/assets/img/tarou.svg"> <p class="header_title">太郎</p> {% elif name == 'jiro' %} <img src="@/assets/img/jirou.svg"> <p class="header_title">二郎</p> {% endif %} </div>
このように、Vue.jsにおいてもタグに直接<div v-if = "testData">
のように条件式を記述せずに、HTML要素として指定せずとも条件に応じて、表示する要素を変更する方法はありませんでしょうか。
表示方法としましては、Vue.cliでプロジェクトを作成した際の、.Vue
ファイル内のtemplate
タグ内に記述したいと考えています。
キーワード検索をかけ調べたいのですが、どのようなワードで検索をかければ良いか分からない状態です。
どなたかご助言頂けましたら幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/08/13 10:30 編集