Vue.jsでv-ifでFalseのとき(not 〇〇のとき)に表示させたい場合

今回はVue.jsでv-ifでFalseのとき(not 〇〇のとき)に表示させたい場合どうしたら良いかについてご紹介いたします。



Vue.jsでv-ifでFalseのとき(not 〇〇のとき)に表示させたい場合

結論から言います。

例えば、v-ifでtestVariableがFalseのときにテキストを表示させたいします。
その場合は下記のように書きましょう。

変数の前にエクスクラメーションマークをつけるだけですね。

単体の変数をチェックする場合は上記の書き方が使えますが、当然中身が式である場合も可能です。

ぜひご活用ください。

終わりに

今回はVue.jsでv-ifでFalseのとき(not 〇〇のとき)に表示させたい場合どうしたら良いかについてご紹介いたしました。

最後までお読みいただきありがとうございます。
ブログやTwitterでのシェアOKです。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。






Vue.js

Posted by ちこ