vue循环el-button，点击哪个按钮，那个按钮变色

1. 场景有多个按钮，一个个的写并且一个个绑定事件代码很冗余，所以就循环，绑定一个事件，传不同的参数即可2. 实现我这里有两种button，由于一些原因，“全部”按钮没有放在循环里面data里面methods3. 效果...

别搞花里胡哨的

4336人浏览 · 2021-12-03 10:25:06

别搞花里胡哨的 · 2021-12-03 10:25:06 发布

1. 场景

有多个按钮，一个个的写并且一个个绑定事件代码很冗余，所以就循环，绑定一个事件，传不同的参数即可

2. 实现

我这里有两种button，由于一些原因，“全部”按钮没有放在循环里面
在这里插入图片描述

data里面
在这里插入图片描述
methods

3. 效果

在这里插入图片描述

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