class 与 style 是 html 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。
以下例子,把class样式设置在style标签中,vue实例中只存在一个布尔值isActive ,用v-bind:class=”{ active: isActive }”的方式绑定样式,根据布尔值来决定是否渲染。
绑定多个class
v-bind:class="{ active: isActive, 'text-danger': hasError }">以对象形式绑定多个class
-
以数组的方式绑定样式
立即学习“前端免费学习笔记(深入)”;
内联样式的绑定
菜鸟教程










