如何使用 button 唤起 uni-app 的 uni-file-picker

最近碰到一个需求,就是在头像下方可以点击更换头像,同时,点击头像也可以更换头像。因为项目用的是 uni-app ,所以说到上传头像,就想到了 uni-file-picker,但是我翻完了 uni-file-picker 的文档内容,发现没有可以唤醒的方法,但是这个需求很合理,所以只能硬着头皮下了组件源码,打算自己改造一下。

将组件下载后,导入项目,看了看组件的 methods 对象,一阵无语荡漾在我的心头。methods 对象中,明晃晃的包含了唤醒的方法,这下好了,直接 ref 调用它的方法,完美。

调用用例:this.$refs['file-picker']?.choose()

posted @ 2022-11-08 10:02  FreezeNow  阅读(945)  评论(0编辑  收藏  举报