小程序项目中遇到的关于button 按钮的一些特殊情况

关于在项目中使用 Vant Weapp的一些注意事项

1. 使用van-button按钮时遇到的一些问题:

<van-button type="default">默认按钮</van-button>

2. 2. 正常模式:
      
3. 3. 禁用按钮:
      
4. 4. 常常按钮中所绑定的 事件/请求 等命令
      当我们使用 disabled=‘true’ 来禁用该按钮时,希望将按钮所绑定的事件一起禁用掉,从而达到无法发出请求的效果,但最后发现无法阻止请求发送.
      然后去看了UI文档,发现了玄机.
      
      因为之前的按钮是这样的:(注意这里的点击事件是 bindtap)

<van-button round color="#ff8200" disabled='{{btnStatus}}' bindtap="handleButton">
    {{ btnValue }}</van-button>

只需要将 tap事件 修改 为 click事件即可:

 <van-button round color="#ff8200" disabled='{{btnStatus}}' bind:click="handleButton">
    {{ btnValue }}</van-button>

这时候通过控制 disabled状态就可以实现对发送请求的控制啦😀