微信小程序如何让用户点击按钮一次就调出微信小程序内置的申请授权获取手机号的面板？

Question

微信小程序如何让用户点击按钮一次就调出微信小程序内置的申请授权获取手机号的面板，前提是用户勾选了登录协议，如果没有勾选，点击登录按钮时要先弹出模态框，让用户同意还是不同意登录协议。只有同意勾选了登录协议，才调出微信小程序内置的申请授权获取手机号的面板，让用户确认同意还是拒绝授权手机号。

我登录按钮是这样写的：

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

因为不写这个组件，前端开发工程师没有单独的函数调用就可以获取用户手机号。
而写了这个button 组件，不管用户是否勾选协议，点击此按钮都会弹出让用户授权手机号。授权完手机号，如果用户未勾选登录协议才弹窗让用户勾选登录协议。这不是我要的结果。

Answer 1

那这样，你直接写两个button，一个是调用模态框，一个是获取手机号。使用if控制显隐button的控制button的切换

Answer 2

楼主铁后端来的
前端开发者这种需求场景太多了，没办法用代码拦截就是模板动态阻止

Answer 3

没有勾选协议，点击登录按钮时弹出的模态框里的按钮你一样写open-type="getPhoneNumber"不就行了?

Answer 4

也可以在不勾选协议的时候给按钮增加一个透明遮罩,这样就点不到按钮了,然后给这个遮罩层加上点击事件