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>
相关推荐
葡萄城技术团队15 小时前
一键触发工作表中所有异步函数:用依赖单元格刷新 SpreadJS 公式
前端
天道kabuto15 小时前
踩坑复盘:为什么在输入框按个回车,页面就偷偷刷新了?
vue.js
Bigger15 小时前
谁动了我的 URL?——记一次微前端"灵异 Bug"的排查实录
前端·ai编程·vue-router
JavaGuide15 小时前
轻量开源版 IDEA 来了!
前端·后端
2601_9620974815 小时前
JavaScript 异步编程
javascript·ajax·回调函数·异步编程·子线程
张洪权15 小时前
nest.js websocket 群聊----私聊功能
前端·nestjs
流光D16 小时前
AI Era: Building Web Sites and Configuring Nginx Reverse Proxy Process
前端·人工智能·nginx
sakidd16 小时前
VS Code 的 AI Chat 现在已经这么能干了?
前端
吴长建先生16 小时前
Vue.js支付回调页面如何设计才能保障对账准确性?
vue.js
计算机魔术师16 小时前
英伟达砸130亿美元买下一个平台,黄仁勋到底在怕什么?
前端