微信小程序授权登录时先判断是否勾选协议再弹出获取手机号的弹窗

思路：设置两个一样的按钮，一个用来判断是否已勾选；另一个是授权登录的按钮，用来获取用户信息

 

      授权登录
      授权登录



 data = {
    checked1: false, //true同意
  }

 整体代码

我这需求用的是单选按钮，所以需要加上点击选中和取消方法

    
      
        欢迎登录 意罗尼之家
      
      为保证您访问流畅，意罗尼之家需要授权你的以下信息：
      您的信息（我们向您保证，绝不泄露您的个人隐私）
      授权登录
      授权登录
      
        
          
        
        我已经阅读并同意
        使用条款
        和
        隐私政策
      
 
    

 data = {
    checked1: false, //true同意
  }

  methods = {
//是否选中
    checkedTap() {
      this.checked1 = !this.data.checked1
      this.$apply()
    },

    checkgetPhoneNumber() {
      wx.showToast({
        title: '请阅读并同意相关协议',
        icon: 'none',
        duration: 2000,
      })
    },
    getPhoneNumber(res) {
      // 获取信息
      if (res.detail.errMsg == 'getPhoneNumber:ok') {
        var data1 = {
          avatarUrl: this.userInfo.avatarUrl,
          nickName: this.userInfo.nickName,
          gender: this.userInfo.gender,
          cloudID: res.detail.cloudID,
          encryptedData: res.detail.encryptedData,
          iv: res.detail.iv,
        }
        //获取后走登录
      }
    },
}