【ant design of vue】时间选择器，change事件，传递自定义参数，$event

在做项目的时候，碰到了一个问题，使用日期选择器的change事件时，发现只返回两个参数@change = onchange,在打印时，只会出现这个两个参数但是，项目上的是使用数组渲染出多个日期选择器的，如果改变其中一个，需要知道改变的是哪一个，这时就需要传递一个参数，才能知道改变的是哪一个了。使用箭头函数，再添加上自己需要的参数第一种情况（默认有两个参数的）@change=" (date, da

嘿，小苹果

3185人浏览 · 2022-03-12 10:59:22

嘿，小苹果 · 2022-03-12 10:59:22 发布

在做项目的时候，碰到了一个问题，使用日期选择器的change事件时，发现只返回两个参数

@change = onchange ,在打印时，只会出现这个两个参数
在这里插入图片描述

但是，项目上的是使用数组渲染出多个日期选择器的，如果改变其中一个，需要知道改变的是哪一个，这时就需要传递一个参数，才能知道改变的是哪一个了。
在这里插入图片描述
使用箭头函数，再添加上自己需要的参数

第一种情况（默认有两个参数的）

 @change=" (date, dateStrings) =>onChange(date, dateStrings, record.key, 'name')"

第二种情况（默认有一个参数的）

 @change="onChange($event，record.key)"

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