【避坑指“难”】vue 如何通过点击触发另一个点击事件，即模拟点击事件

在前端中有时候会有这样的需求，通过点击一个按钮触发另一个按钮或者另一个链接的点击事件，在vue中我们通过下面方法解决：1、给另一个按钮添加ref<el-button ref="uploadImgBtn">上传图片</el-button>2、触发事件this.$refs.uploadImgBtn[0].$el.click()...

椰卤工程师

5639人浏览 · 2020-06-03 10:02:13

椰卤工程师 · 2020-06-03 10:02:13 发布

在前端中有时候会有这样的需求，通过点击一个按钮触发另一个按钮或者另一个链接的点击事件，在vue中我们通过下面方法解决：

1、给另一个按钮添加ref

 <el-button ref="uploadImgBtn">上传图片</el-button>

2、触发事件

this.$refs.uploadImgBtn[0].$el.click()

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