vue模拟另一个按钮点击事件

前言：在前端中有时候会有这样的需求，通过点击一个按钮触发另一个按钮或者另一个链接的点击事件，在vue中我们通过下面方法解决1，给另一个按钮添加ref<el-button size="small" type="primary" ref="upload">点击上传附件(≤100M)</el-button>2，事件触发this.$refs.upload.$e...

太阳晒屁股了

11248人浏览 · 2019-08-13 11:04:22

太阳晒屁股了 · 2019-08-13 11:04:22 发布

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

1，给另一个按钮添加ref

<el-button size="small" type="primary" ref="upload">点击上传附件(≤100M)</el-button>

2，事件触发

this.$refs.upload.click()
或
this.$refs.upload.$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}$/, //不连续的两位字母// /^