微信小程序获取用户信息

 <button open-type="getUserInfo" bind:getuserinfo="getUserInfo">
 获取用户信息
 </button>

//获取应用实例
const app = getApp()//这是全局变量的配置
data: {
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')//这是判断是否支持属性
  }
getUserInfo: function(e) {
    console.log(e)
    wx.getUserInfo({//这个api是在没有getUserInfo情况下做的兼容
      complete: (res) => {
        console.log(res)
      },
    })
     app.globalData.userInfo = e.detail.userInfo
     this.setData({
       userInfo: e.detail.userInfo,
       hasUserInfo: true
     })
  },

首先是改变按钮的打开属性
有普通按钮 表单按钮form-type 获取用户信息按钮open-type
然后绑定事件 是不是感觉和组件传参相似了

子组件触发事件 使用triggerEvent(‘自定义事件’)
然后父组件设置bind:自定义事件 触发父组件方法
通过事件集合返回e.detail

绑定全局的api bind:getuserinfo 可以看做组件通信的一种

本文地址：https://blog.csdn.net/qq_43505774/article/details/107379714