uniapp实现微信授权登录并回显用户头像和名称

先上html页面的代码：

 <button class="login" v-if="show1" open-type="getUserInfo" @getuserinfo="bindGetUserInfo" >授权登录</button>
          <image v-if="show2" class="avator-img" :src="userInfo.avatarUrl"></image>//这是你登录成功后的头像
          <text v-if="show2">{
  { userInfo.nickName }}</text>//这是你登录成功后的用户名称

登录和显示用户信息的js代码：

methods:{
 bindGetUserInfo(){//这个是登录
	  	 	uni.login({
	  	 	success: res => {
	  	 	  console.log('code')
	  	 	  console.log(res.code);
	  	 	    uni.getUserInfo({
	  	          success: info => {
	  	 	         console.log(info);
	  	 			 let url = '/wx/login';
	  	 			 let data = {
	  	 		       encryptedData:info.encryptedData,
	  	 			   code:res.code,
	  	 			   iv:info.iv,
	  				   signature:info.signature
	  	 			}
	  	 			this.$h