vue中:class绑定动态样式

当item.isShrink为true时，加上shrink类名；当为faulse时去掉类名shrink。当然这个变量可以是data里直接定义的亦可以是后端返回的数据。很方便，用作控制元素在只有某类名或者同时具有某些类名时的样式，和原生或者Jquery去选择dom节点然后事件行为添加类名是相同的，但是vue的核心便是数据驱动，所以其也体现了这一核心。...

一头浓密的黑发

5832人浏览 · 2019-07-29 15:03:26

一头浓密的黑发 · 2019-07-29 15:03:26 发布

在这里插入图片描述
当item.isShrink为true时，加上shrink类名；当为faulse时去掉类名shrink。当然这个变量可以是data里直接定义的亦可以是后端返回的数据。
很方便，用作控制元素在只有某类名或者同时具有某些类名时的样式，和原生或者Jquery去选择dom节点然后事件行为添加类名是相同的，但是vue的核心便是数据驱动，所以其也体现了这一核心。

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}$/, //不连续的两位字母// /^