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>
相关推荐
kyriewen6 分钟前
WebAssembly:前端界的“外挂”,让C++代码在浏览器里跑起来
前端·c++·webassembly
悟空和大王9 分钟前
核心 SDK 详细设计文档 (Visual-Render-SDK)
前端
空中海12 分钟前
02 状态、Hooks、副作用与数据流
开发语言·javascript·ecmascript
空中海32 分钟前
04 React Native工程化、质量、发布与生态选型
javascript·react native·react.js
AI砖家37 分钟前
Claude Code Superpowers 安装使用指南:让 AI 编程从“业余”走向“工程化”
前端·人工智能·python·ai编程·代码规范
李白的天不白1 小时前
webpack 与axios 版本冲突问题
前端·webpack·node.js
杨超凡1 小时前
豆包收费了?我特么自己用“意念”搓了一个!
javascript
Java后端的Ai之路1 小时前
模型调好了怎么给老板看?用这玩意儿5分钟出Demo,连前端都不用学:Gradio 6全栈实战指南
前端·机器学习·gradio
木斯佳1 小时前
前端八股文面经大全:中科星图前端日常实习(2026-04-29)·面经深度解析
前端