使用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，按钮可以正常触发了文章来源地址https://www.toymoban.com/news/detail-816441.html
<template>
<el-button ref="btn" id="btn" >测试</el-button>
</template>
<script>
export default{
methods:{
clickBtn(){
this.$refs.btn.$el.click()
}
</script>文章来源：https://www.toymoban.com/news/detail-816441.html
到了这里，关于File chooser dialog can only be shown with a user activation.的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[vue warn]: inject() can only be used inside setup()](https://imgs.yssmx.com/Uploads/2024/02/743481-1.png)
