微信小程序通过数据绑定获取用户名和头像

微信小程序通过数据绑定获取用户名和密码

1.获取用户名和头像

<view>数据绑定</view>
<view>数据：{{message}}</view>
<view>数据：{{message}}</view>  
<button bindtap="changData">点击修改数据</button>
<view>当前用户名：{{name}}</view>
<view>获取用户头像
  <image src="{{path}}" style="height:200rpx;width:200rpx"></image>
</view>
<view bindtap="getUsrName">获取房前用户名:</view>

Page({
  data: {
    message:"大白菜",
    name:'',
    path:'/img/mryhtx.png'
  },
  changData:function(){
    console.log(this.data.message);
    this.data.message="沙雕大白菜";
    this.setData({message:"大沙雕大白菜"})
  },
getUsrName:function(){
  var that = this;
  console.log('sdf');
  wx.getUserInfo({
    success: function(res) {
      console.log('success',res)
      that.setData({
        name:res.userInfo.nickName,
        path:res.userInfo.avatarUrl
      })
    }, 
    file:function(res){
    }
  })
}, 
})