微信用户信息兼容性处理

页面

<view wx:if="{
  {canIUseOpenData}}" class="userinfo">
  <view class="userinfo-avatar">
    <open-data type="userAvatarUrl"></open-data>
  </view>
  <open-data type="userNickName" style="font-size: 40rpx;"></open-data>
</view>
<view wx:else class="userinfo">
  <image class="userinfo-avatar" src="{
  {avatarUrl}}" mode="cover" />
  <text>{
  {nickName}}</text>
</view>

js

data: {
    canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName'), // 如需尝试获取用户信息可改为false
    nickName:'微信用户',//用户信息
    avatarUrl:"",//头像
},
onLoad: function (options) {
    this.getWxUserInfo()//注意通过点击事件获取
},
getWxUserInfo: funct