一、绑定单个class
:class="" 直接写就可以了
<div :class="box"></div>
二、绑定多个class
1. 数组格式
// 其中box1是“常驻”样式所以直接给了字符串格式，box2写在computed里面
<div :class="['box1', box2]">
2. json格式
<div :class="{box1: true, box2: true}">
<div :class="box"></div>
// 其中box1是“常驻”样式所以直接给了字符串格式，box2写在computed里面
<div :class="['box1', box2]">
<div :class="{box1: true, box2: true}">一、绑定单个class :class="" 直接写就可以了 二、绑定多个class 1. 数组格式 2. json格式
上一篇：用 Vue 绑定单个或多个 Class 名 先创建项目并运行 vue init webpack-simpl...
上一篇：自定义组件添加原生事件 一、用 变量形式 绑定单个 Class 名 在 vue 中绑定单个 class 名...
1、绑定class 绑定单个class 渲染完成的结果 绑定多个class 渲染完成的结果 数组方式绑定class...
:style如下 ：class如下 对象方法 绑定单个 绑定多个 数组方法
2.3.样式绑定 #2.3.1.绑定class样式 1.绑定单个class 2.绑定多个样式 3.可以根据值来确定...
- 2.1 v-on可以监听多个方法吗？ v-on 绑定单个或多个事件 - 2.2 vue中 key 值的作用 数...
利用三元运算符来写
第一种 1.绑定单个class js部分：判断是否绑定一个active 2.绑定多个class，需要逗号隔开就行 ...
本文标题：Vue绑定单个或多个class
本文链接：https://www.haomeiwen.com/subject/owuatqtx.html
网友评论