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>
相关推荐
Huazzi.6 分钟前
【Caddy】:现代化、自动 HTTPS 的 Web 服务器新星
服务器·前端·https·web
maomi_95269 分钟前
操作系统之系统IO
服务器·前端·数据库
若梦plus12 分钟前
从JavaScript V8 引擎原理剖析职场法则
前端·javascript
LaoZhangAI18 分钟前
2025最新Trae配置Claude完全指南:超强AI开发体验【无限免费使用】
前端·后端
LaoZhangAI20 分钟前
2025最新ChatGPT Plus令牌(Token)限制完全指南:每日/每月用量详解与突破方法
前端·后端
LaoZhangAI21 分钟前
2025最全GPT-4.1 vs Claude 3.7对比指南:AI编程王者之争深度评测
前端·后端
若梦plus22 分钟前
异步编程思想
前端·javascript·程序员
张开心_kx23 分钟前
面试官又问我是否了解虚拟DOM?
前端·javascript·react.js
海底火旺23 分钟前
JavaScript对象存在性检查:从原理到陷阱的完全指南
前端·javascript