Vue.jsでv-ifでFalseのとき（not 〇〇のとき）に表示させたい場合
今回はVue.jsでv-ifでFalseのとき（not 〇〇のとき）に表示させたい場合どうしたら良いかについてご紹介いたします。
Vue.jsでv-ifでFalseのとき（not 〇〇のとき）に表示させたい場合
結論から言います。
例えば、v-ifでtestVariableがFalseのときにテキストを表示させたいします。
その場合は下記のように書きましょう。
|
1 2 3 |
<div v-if="!testVariable"> サンプルテキスト </div> |
変数の前にエクスクラメーションマークをつけるだけですね。
単体の変数をチェックする場合は上記の書き方が使えますが、当然中身が式である場合も可能です。
|
1 2 3 |
<div v-if="!(test > 1)"> サンプルテキスト </div> |
ぜひご活用ください。
終わりに
今回はVue.jsでv-ifでFalseのとき（not 〇〇のとき）に表示させたい場合どうしたら良いかについてご紹介いたしました。