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>
相关推荐
FelixBitSoul几秒前
彻底吃透 React Hook:它背后的执行模型到底是什么? 🚀
前端
Huanzhi_Lin7 分钟前
Nginx本地资源服务器-常用脚本
服务器·前端·nginx·batch·静态资源服务器
weixin199701080167 分钟前
《好看视频商品详情页前端性能优化实战》
前端·性能优化·音视频
有意义8 分钟前
深入理解浏览器存储方案:从Cookie到JWT登录认证
前端·面试·浏览器
jiayong239 分钟前
第 6 课:第二轮真实重构,拆出任务表格组件
前端·重构
jiayong2316 分钟前
第 4 课:怎么把一个大页面拆成多个组件
运维·服务器·前端
skywalk816318 分钟前
使用DuMate帮助创建 Python 3.9 环境并部署 Kotti CMS
前端·chrome
英俊潇洒美少年22 分钟前
Vue Hook 与 React Hook 全面解析:区别、用法、实战及避坑指南
前端·vue.js·react.js
吴声子夜歌28 分钟前
ES6——Symbol详解
开发语言·javascript·es6