获取用户数据wxml jswxml <van-button plain type="primary" bindtap="

wxml

<van-button plain type="primary" bindtap="getInfo"></van-button>
</view>
<view wx:else="" class="info-sty">
  <van-image
  width="120"
  height="120"
  round
  lazy-load
  src="{{avatarUrl}}"
  />
  <view class="name-sty">
    {{nickame}}
  </view>
</view>
<view class="info-btn">

  <van-button plain type="info" bindtap="logout">退出登录</van-button>
</view>

复制代码


  /**
   * 页面的初始数据
   */
  data: {
    nickName:'',
    avatarUrl:'',
    flag:true
  },
  getInfo(){
wx.getUserProfile({
  desc: '展示用户信息',
  success:( { userInfo:{nickName,avatarUrl} } )=> {
    this.setData({
      nickName,
      avatarUrl,
      flag:false
    })
  }
})
  },
logout(){
  logOutHttp()
  .then(
    wx.clearStorageSync('token'),
    wx.navigateTo({
      url: '/pages/login/login',
    })
  )
},
``
`
json
{
  "usingComponents": {
    "van-button": "@vant/weapp/button/index",
    "van-image": "@vant/weapp/image/index"
  }
}
``