vue中实现隔行换色

大部分我看着实现隔行换色把功能写在了methods里。然而还得放在updated的生命周期里。我觉得写在循环的行内比较简洁，所以做一个笔记:class="{on:firIndex%2==0,off:firIndex%2!=0}"把类动态绑定在行内样式。 on,off就是换色的俩样式。在style里定义就行!...

前端代码の搬运工

3045人浏览 · 2020-04-07 09:27:48

前端代码の搬运工 · 2020-04-07 09:27:48 发布

大部分我看着实现隔行换色把功能写在了methods里。然而还得放在updated的生命周期里。我觉得写在循环的行内比较简洁，所以做一个笔记

:class="{on:firIndex%2==0,off:firIndex%2!=0}"

把类动态绑定在行内样式。 on,off就是换色的俩样式。在style里定义就行!

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