vuejs2 - 使用按钮触发表单文件引导 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()

请参阅https://vuejs.org/v2/api/#vm-el上的 Vue 文档