vue class绑定方式
生活随笔
收集整理的這篇文章主要介紹了
vue class绑定方式
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、對(duì)象語法
<div class="static"v-bind:class="{ active: isActive, 'text-danger': hasError }"> </div> data: {isActive: true,hasError: false }2、數(shù)組語法
<div v-bind:class="[isActive ? activeClass : '', errorClass]"></div>?
更多專業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com
總結(jié)
以上是生活随笔為你收集整理的vue class绑定方式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Vue 中computed 与 meth
- 下一篇： html5倒计时秒杀怎么做,vue 设