File chooser dialog can only be shown with a user activation.

使用vue开发时,通过ref通过"this.refs.[name].el.click()"触发按钮时提示"File chooser dialog can only be shown with a user activation.",按钮不能触发,网上解决办法是"dispatchEvent(new MouseEvent('click'))"代替"el.click()",在我所在的场景不生效,所以就在要出发按钮组件上加了一个id,按钮可以正常触发了

html 复制代码
<template>
    <el-button ref="btn" id="btn" >测试</el-button>
</template>


<script>
export default{

    methods:{
        clickBtn(){
        this.$refs.btn.$el.click()
    }
</script>
相关推荐
一 乐1 分钟前
智慧医药|基于springboot + vue智慧医药系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
CC码码18 分钟前
告别杂乱数字:用 Intl.NumberFormat 打造全球友好的前端体验
前端·javascript·面试
kandee27 分钟前
vscode混淆js文件的插件用法(jshaman)
javascript·ide·vscode
妮妮喔妮27 分钟前
Webpack和Vite优化的区别
前端·webpack·node.js
广州华水科技1 小时前
单北斗GNSS在大坝形变监测中的应用与性能分析
前端
等风来不如迎风去1 小时前
【web】页面透明、插入图片
前端
谢尔登1 小时前
a 标签的跳转机制
前端·javascript·webpack·node.js
狂炫冰美式1 小时前
当硅基神明撞上人类的“叹息之墙”:距离证明哥德巴赫猜想,AI还有多远?
前端·算法·架构
毕设源码-邱学长1 小时前
【开题答辩全过程】以 基于Vue的爱心公益募捐平台的设计与实现为例,包含答辩的问题和答案
前端·javascript·vue.js
IT_陈寒1 小时前
Redis实战精要:5种高频使用场景与性能优化全解析|得物技术
前端·人工智能·后端