0
点赞
收藏
分享

微信扫一扫

Vue样式绑定

绑定class样式--字符串写法

<div class="basic" :class="mood" @click="changeMood">{{name}}</div>

绑定class样式--数组写法

<div class="basic" :class="classArr">123</div>

绑定class样式--对象写法

<div class="basic" :class="classObj">123</div>

通过:class间接的动态控制样式

<div :class="{happy: name==='XXX'}"></div>

注:当vm的data中的name为XXX时,会为该div盒子添加一个类,类名

为happy,否则不会添加。

举报

相关推荐

Vue:绑定样式

Vue 绑定样式

vue样式绑定

10 Vue绑定样式

Vue样式绑定---kalrry

vue 动态样式绑定

vue绑定class样式

0 条评论