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,按钮可以正常触发了

<template>
    <el-button ref="btn" id="btn" >测试</el-button>
</template>


<script>
export default{

    methods:{
        clickBtn(){
        this.$refs.btn.$el.click()
    }
</script>

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-01-12 20:34:04       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-12 20:34:04       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-12 20:34:04       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-12 20:34:04       18 阅读

热门阅读

  1. 【基础】字符串连接(UPC)

    2024-01-12 20:34:04       36 阅读
  2. uView Steps 步骤条

    2024-01-12 20:34:04       34 阅读
  3. Linux中关于cat命令详解

    2024-01-12 20:34:04       28 阅读
  4. vue的异步更新 $nextTick

    2024-01-12 20:34:04       32 阅读
  5. 验证Lettuce在单连接上进行多路复用

    2024-01-12 20:34:04       56 阅读
  6. 10000访问量纪念日

    2024-01-12 20:34:04       37 阅读
  7. 【计算机二级考试C语言】C程序结构

    2024-01-12 20:34:04       35 阅读
  8. 算法训练营Day36

    2024-01-12 20:34:04       32 阅读
  9. 【力扣每日一题】力扣2707字符串中的额外字符

    2024-01-12 20:34:04       34 阅读
  10. 自定义Flink SourceFunction定时读取数据库

    2024-01-12 20:34:04       33 阅读
  11. 学习使用php、js脚本关闭当前页面窗口的方法

    2024-01-12 20:34:04       34 阅读