vue中如何给dom添加类名

直接在dom上绑定类名vue中类名绑定 - 对象形式目的： dom身上属性class 要和数据绑定解决：v-bind数据中key，我们起的和绑定的对象中的key一样，但是你得知道这两个东西不一样size是自定义的属性，它的属性值是undefined，相当于是falsesize也是自定义属性，他的属性是true,那么就会加上去格式： v-bind:class = "{ ...

yxskr

10166人浏览 · 2019-06-19 19:26:37

yxskr · 2019-06-19 19:26:37 发布

直接在dom上绑定类名
vue中类名绑定 - 对象形式
目的： dom身上属性class 要和数据绑定
解决：v-bind
数据中key，我们起的和绑定的对象中的key一样，但是你得知道这两个东西不一样

size是自定义的属性，它的属性值是undefined，相当于是false

size也是自定义属性，他的属性是true,那么就会加上去

格式： v-bind:class = "{ 属性： boolean }" 格式： v-bind:class = "{ [data]： boolean }"

vue中类名绑定的形式 - 数组的形式【推荐】
格式： v-bind:class = “[ 数据 ]”
类名绑定不会覆盖原先的类名
为什么要绑定类名
指令是用来操作dom
目的：为了将来通过数据来操作类名，类名操作dom

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^