uni-app 一键登录全屏模式下自定义按钮点击无法获取是否点击同意协议

在一键登录全屏模式下，自定义按钮无法获取协议勾选状态是常见问题，通常由以下原因导致：

1. 协议勾选状态未正确绑定
   检查自定义按钮的点击事件处理逻辑中是否访问了协议勾选状态变量。全屏模式下需通过 uni.login 的 univerifyStyle 配置协议勾选状态监听，但自定义按钮独立于登录组件，需手动同步状态。

2. 作用域隔离问题
   一键登录全屏模式的协议勾选框与自定义按钮可能存在渲染层隔离。自定义按钮无法直接访问协议组件的内部状态，需通过全局状态管理（如 Vuex）或事件通信（如 uni.$emit）同步勾选状态。

3. 生命周期时机冲突
   自定义按钮点击时，协议状态可能尚未更新。建议在协议勾选事件中实时更新状态变量，并在按钮点击时校验该变量。

解决方案

• 在协议勾选事件中更新全局状态：

  // 协议勾选变更事件
  onAgreementChange(e) {
    this.isAgreed = e.detail.value;
    // 或通过 Vuex/store 更新状态
  }
  

• 自定义按钮点击时校验状态：

  onCustomButtonClick() {
    if (!this.isAgreed) {
      uni.showToast({ title: '请先同意协议', icon: 'none' });
      return;
    }
    // 执行后续逻辑
  }