Vue点击事件,vue动态绑定点击事件

　　本文主要介绍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(事件)；

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。