json

{
  "usingComponents": {
    "van-button": "@vant/weapp/button/index",
    "van-image": "@vant/weapp/image/index"
  }
}

关键代码wxml

 <van-button plain type="info" bindtap="getInfo">获取用户信息</van-button>

  getInfo() {
    wx.getUserProfile({
      desc: '展示用户信息',
      success: ({ userInfo: { avatarUrl, nickName } }) => {
        this.setData({
          avatarUrl,
          nickName,
          flag: false
        })
      }
    })
  },

wx.showToast(Object object)

success显示成功图标，此时 title 文本最多显示 7 个汉字长度
error显示失败图标，此时 title 文本最多显示 7 个汉字长度
loading显示加载图标，此时 title 文本最多显示 7 个汉字长度
none不显示图标，此时 title 文本最多可显示两行，1.9.0及以上版本支持

wx.showToast({ title: '成功', icon: 'success', duration: 2000 })

wx.showLoading和 wx.showToast同时只能显示一个
wx.showToast应与 wx.hideToast配对使用

微信小程序获取微信头像和昵称的方法

wx.showToast(Object object)