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

标签 vuejs2 vue-component bootstrap-vue

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

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

我尝试使用 this.$refs.imageProfile.click() 无效。我发现在那个元素上没有找到点击功能。

谢谢。

最佳答案

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

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

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

希望对您有所帮助!

关于vuejs2 - 使用按钮触发表单文件bootstrap vue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51415541/

相关文章:

vue.js - 如何防止Bootstrap-Vue分页自动重置

vue.js - created() 生命周期钩子(Hook)中的 vue 异步调用

javascript - 为什么无法获取参数?

javascript - Vue 使用模数循环

vuejs2 - 使用nuxt时可以关闭热重载吗?

javascript - 从 Vue.js 2 中的计算属性中推送到数组

css - 来自子组件的 Vue 3 插槽样式

vue.js - 如何使用 bootstrap-vue 图标自定义 bootstrap-vue 下拉菜单?

javascript - 如何在选项选择上显示响应? (vue.js 2)

vue.js - 如何使多个搜索过滤器与 Vue Bootstrap 中的 for 循环一起使用?