这里主要用到button的open-type功能,官网已有说明:
在这里插入图片描述
在这里插入图片描述
button设置open-type="chooseAvatar",来使bindchooseavatar方法生效,在bindchooseavatar指定的函数中获取用户的头像信息

<button open-type="chooseAvatar"  bindchooseavatar="chooseavatar"></button>

 chooseavatar(e){
    this.setData({
      avatar: e.detail.avatarUrl
    })
},

在这里插入图片描述

该方法触发后会自动弹出提示框,让用户选择头像,用户选择的头像会在bindchooseavatar指定的函数内获取,e.detail.avatarUrl就是当前的头像信息。
用户的头像信息获取完调用修改用户信息接口,传入该路径信息即可。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐