本文主要介绍vue中的主动触发点击事件，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。
目录
如何自动触发点击事件，模拟点击下载文件和图片。
主动触发点击事件
点击事件由vue代码触发，效果是：点击按钮触发输入输入框的点击事件，从而选择文件。
示例如下：
模板
输入类型= file id= input-upload-file ref= select files multiple= multiple
El-button class= operation-button-select @ click= handle button selected 选择文件(允许多选)/el-button
/模板
脚本
导出默认值{
名称：主页，
方法：{
//按钮单击事件
handleButtonSelected() {
//主动触发点击事件
这个。$ refs . select files . dispatch event(new mouse event( click ))；
},
}
}
/脚本
如何自动触发点击事件
//模拟两秒钟后的滴答声
setTimeout(function() {
//IE
if(document.all) {
document.getElementById(desc1 )。单击()；
}
//其他浏览器
否则{
var e=document . create event( mouse events )；
e.initEvent(click ，true，true)；
document.getElementById(desc1 )。调度事件(e)；
}
}, 1000);
Desc1是元素的id，点击这个id触发的事件是另外写的。它将在1s后执行。
模拟点击下载文件、图片var URL= http://192 . 168 . 10 . 133/www/xunzhanMob/logo . jpg ；
var a=document . createelement( a )；
console.log(a)
var event=new mouse event( click )；
a . download=“”；
a.href=url
a.dispatchEvent(事件)；
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
