使用按钮触发表单文件引导 vue答案

【问题标题】：Trigger form file bootstrap vue with button使用按钮触发表单文件引导 vue
【发布时间】：2018-12-27 04:07:47
【问题描述】：

您好，我有一个关于触发组件 b-form-file 的问题。

<b-form-file ref="imageProfile"></b-form-file>

我尝试使用 this.$refs.imageProfile.click() 不起作用。而且我看到该元素上没有找到点击功能。

谢谢。

【问题讨论】：

您的 imageProfile ref 是 Vue 组件，而不是标准元素。它没有click 方法
致电click()，您希望发生什么？
我要打开dalog文件。
In JavaScript can I make a "click" event fire programmatically for a file input element?的可能重复
我在这里写了一个稍微详细一点的回答如何使用：stackoverflow.com/a/68959062/4720160

【解决方案1】：

你需要触发点击元素，而不是组件。

试试这个：

this.$refs.imageProfile.$el.click()

【讨论】：

【解决方案2】：

bootstrap-vue 的文件表单组件有点不同，如果有人仍然遇到这个问题，试试这个：

<b-form-file ref="pickImage" v-model="file" :state="Boolean(file)"></b-form-file>

this.$refs.pickImage.$el.childNodes[0].click();

希望有帮助！

【讨论】：