我试图以编程方式触发v-file-input的.click()事件,因为它在Vuetify的文档中。
但它显示一个错误this.$refs.imagePicker.click is not a function
我错过了什么吗?
代码复制:https://codepen.io/kforr24/pen/ZEQweLP
我正在尝试使用某个按钮上传图像。就像某个按钮会在v-file-input上触发一个click事件。
我试图以编程方式触发v-file-input的.click()事件,因为它在Vuetify的文档中。
但它显示一个错误this.$refs.imagePicker.click is not a function
我错过了什么吗?
代码复制:https://codepen.io/kforr24/pen/ZEQweLP
我正在尝试使用某个按钮上传图像。就像某个按钮会在v-file-input上触发一个click事件。
4条答案
按热度按时间8zzbczxx1#
@User28的解决方案(问题下面的评论之一)有效:
this.$refs.image.$refs.input.click()
x9ybnkn62#
对于vue 3,refs被弃用。我发现一个解决方法是使用元素id。您可以使用
然后在你的按钮的事件函数上,你可以使用,
wlwcrazw3#
2022年2月更新
TypeError:无法读取未定义的属性(阅读“getElementById”)
44u64gxh4#