使用按钮触发表单文件引导Vue

Question

嗨，我对触发组件b-form-file有疑问。

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

我尝试使用此方法。$ 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()

在https://vuejs.org/v2/api/#vm-el上查看Vue文档