v-if,v-else-if,v-elseを使って条件分岐しよう - Vue.jsで条件分岐する方法 | Vue.js辞典 - 今村だけがよくわかるブログ

テクノロジーカテゴリーの変更を依頼記事元:

www.imamura.biz

1user がブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

v-if,v-else-if,v-elseを使って条件分岐しよう - Vue.jsで条件分岐する方法 | Vue.js辞典 - 今村だけがよくわかるブログ

Vue.jsの「v-if」を要素に指定すると、条件分岐させることができます。 trueで表示、falseで非表示です... Vue.jsの「v-if」を要素に指定すると、条件分岐させることができます。 trueで表示、falseで非表示です。感覚的にできていいですね。表示・非表示の際にCSSで効果をつけてもいいですね。条件分岐で表示・非表示サンプルコードid「app」が指定されているdiv要素内のp要素を表示しています。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://unpkg.com/vue"></script> </head> <body> <div id="app"> <p v-if="display">display text</p> </div> <script> var app = new Vue({ el: '#app', data: { display: true } }) </script>

ブックマークしたユーザー

hedachi2018/02/27

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx