公告列表
公告列表
收藏
回答

登录按钮校验是否勾选同意协议？

现在系统中的登录页有一个微信登录按钮，需要在用户勾选同意协议后才呼出手机号授权的弹窗，否则toast提示请同意用户协议。但是给button设置open-type=“getPhoneNumber”后，只要点了按钮似乎必定会弹出授权弹窗。不能通过条件判断来控制吗？

在百度上查到的方法是写两个button，勾选协议后显示open-type=“getPhoneNumber”的，否则显示另一个，还有其他更好的方法吗？

回答关注问题邀请回答
收藏

3 个回答

  • Hlxuan.
    Hlxuan.
    2022-10-26

    我是这样写的，你看下？

    用变量「agree」判断用户是否勾选了协议，

    当变量「agree」为true时，open-type就变成getPhoneNumber，就会有那个授权弹窗；

    当变量「agree」为false时，open-type为空，就没有弹窗。

    <button open-type=“{{agree ? 'getPhoneNumber' : ''}}”>获取手机号</button>
    2022-10-26
    有用 2
    回复 3
    • 南瓜皮丶
      南瓜皮丶
      2022-10-26
      可以了，感谢
      2022-10-26
      赞
      回复
    • Hlxuan.
      Hlxuan.
      2022-10-26回复南瓜皮丶
      不客气
      2022-10-26
      赞
      回复
    • ^_king^_
      ^_king^_
      2023-09-02
      这样子改完之后 @getphonenumber=getphonenumber  接口不触发了吧？？？？
      2023-09-02
      赞
      回复
  • shell在非
    shell在非
    2023-04-14

    我试了成功！！！

    <view class="inputcss ">
      <checkbox-group  bindchange="getcheckRule"  name="checkRule">
          <view style="float: left;">
              <label class="checkbox">
              <checkbox value="{{value}}"/>
              </label>
          </view>
          <view class="margin-left padding-left ">
            <text class="text-white">未注册账号将自动注册，我已同意并阅读</text> 
            <text class="text-blue" catchtap="clickAgreement">《隐私政策》</text>
			<text class="text-white"> 及</text>
            <text class="text-blue" catchtap="clickAgreement1">《用户服务协议》</text>
          </view>
      </checkbox-group>
    </view>
    <view class=" flex flex-direction " style='margin-left:40px;margin-right:40px;margin-top:20rpx' bindtap="getUserProfile" >
	  <button open-type="{{checkRule?'getPhoneNumber':''}}"  class='cu-btn margin-tb-sm lg btn-goufang'  bindgetphonenumber="getPhoneNumber">微信一键授权登录</button>
	</view>
    2023-04-14
    有用 1
    回复 4
    • 855
      855
      2023-04-22
      你好~请问我可以看看你的.js部分怎么写的嘛TAT
      2023-04-22
      赞
      回复
    • ^_king^_
      ^_king^_
      2023-09-02
      我试了，貌似不会触发接口了
      2023-09-02
      赞
      回复
    • 小羊没烦恼
      小羊没烦恼
      2024-03-25回复^_king^_
      为什么会不触发getPhoneNumber接口呢？
      2024-03-25
      赞
      回复
    • 天蝎座
      天蝎座
      2024-07-02
      同问，为什么会不触发getPhoneNumber接口呢？
      2024-07-02
      赞
      回复
  • ^_king^_
    ^_king^_
    2023-09-02

    <u-button style="width:100%;border-radius: 50%;" type="info" :plain="true"

    :open-type="showPrivacy?'getPhoneNumber':''" @getphonenumber="getphonenumber">

    手机号快速登录</u-button>

    2023-09-02
    有用
    回复
请 登录 后发表内容
相关文档