tomotomo1129 https://blog.hatena.ne.jp/tomotomo1129/ 親バカエンジニアのナレッジ帳 https://ti-tomo-knowledge.hatenablog.com/ Vue.js ある条件を満たした時にクラスを割り当てる方法 ある条件を満たした時にクラスを複数割り当てる方法 ある条件Aを満たした時にクラスAを割り当て、ある条件Bを満たした時にクラスBを割り当てるなど、複数のクラスを割り当てる方法 三項演算子で条件次第で別々のクラスを割り当てる方法 Vue.jsで動的(条件を満たす場合)にクラスを割り当てる方法として、v-bind:classがあります(v-bindは省略可能)。 動的に割り当てるパターンとしては色々考えられますよね。 単純にある条件を満たした時にクラスを割り当てるパターン、条件Aを満たした時にクラスAを割り当て、条件Bを満たした時にクラスBを追加で割り当… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fti-tomo-knowledge.hatenablog.com%2Fentry%2F2018%2F06%2F21%2F111721" title="Vue.jsのv-bind:classで動的なクラス割り当て - 親バカエンジニアのナレッジ帳" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://images-fe.ssl-images-amazon.com/images/I/5191wb7GxtL._SL160_.jpg Hatena Blog https://hatena.blog 2018-06-21 11:17:21 rich https://ti-tomo-knowledge.hatenablog.com/entry/2018/06/21/111721 1.0 100%