使用按钮触发表单文件 bootstrap vue

Question

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

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

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

谢谢你。

Answer 1

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

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

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

希望这有帮助！

Answer 2

您需要触发元素上的点击，而不是组件。

尝试这个：

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