+-
首页 专栏 vue.js 文章详情
chenyiqi 发布于 3 月 9 日
关注作者
关注作者
0
vue中class的使用
chenyiqi 发布于 3 月 9 日
对象语法
我们可以传给 v-bind:class 一个对象，以动态地切换 class：
<div v-bind:class="{ active: isActive }"></div>数组语法
<div v-bind:class="[activeClass, errorClass]"></div>data: {
activeClass: 'active',
errorClass: 'text-danger'
}在数组语法中也可以使用对象语法
<div v-bind:class="[{ active: isActive }, errorClass]"></div> vue.js
阅读 10 发布于 3 月 9 日
赞
收藏
分享
本作品系原创， 采用《署名-非商业性使用-禁止演绎 4.0 国际》许可协议
chenyiqi
9 声望
1 粉丝
0 条评论
得票 时间
提交评论
chenyiqi
9 声望
1 粉丝
宣传栏
目录
▲
对象语法
我们可以传给 v-bind:class 一个对象，以动态地切换 class：
<div v-bind:class="{ active: isActive }"></div>数组语法
<div v-bind:class="[activeClass, errorClass]"></div>data: {
activeClass: 'active',
errorClass: 'text-danger'
}在数组语法中也可以使用对象语法
<div v-bind:class="[{ active: isActive }, errorClass]"></div>