当前标签 / Class / 总共1篇

VueJs学习随笔--Style绑定和条件渲染

绑定 style 样式

我们可以传给 v-bind:class 一个对象,以动态地切换 class:

1
2
3
.active{
    color: red;
}
1
2
3
<div id="app">
    <div v-bind:class="{ active: isActive }">我不一定是红色的DIV</div>
</div>
1
2
3
4
5
6
new Vue({
    el: '#app',
    data: {
        isActive: true
    }
})

我不一定是红色的DIV

阅读更多