vue项目中使用ref来获取dom及给class绑定属性的命名注意事项

使用ref来获取dom的时候，在给ref命名的时候尽量使用驼峰命名法，不能使用'-'（像‘auto-play’这样的命名就是错误的，应该改为'autoPlay'这样）；而在给class绑定属性的时候，也应该避免使用'-'。例如， :class="{audit-btn:isBtn}" 是错误的，正确的写法是:class="{auditBtn:isBtn}".

小鱼儿游啊~游

26800人浏览 · 2018-06-04 20:43:23

小鱼儿游啊~游 · 2018-06-04 20:43:23 发布

使用ref来获取dom的时候，在给ref命名的时候尽量使用驼峰命名法，不能使用'-'（像‘auto-play’这样的命名就是错误的，应该改为'autoPlay'这样）；

而在给class绑定属性的时候，也应该避免使用'-'。例如， :class="{audit-btn:isBtn}" 是错误的，正确的写法是 :class="{auditBtn:isBtn}"

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