更新记录
1.0.2(2021-07-26) 下载此版本
取消原button控件作为载体,改为普通的view,方便样式更改
1.0.1(2021-07-10) 下载此版本
增加了props,默认不再显示loading,如需显示请传入 :needLoading='true'
1.0.0(2021-07-04) 下载此版本
首次上传
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
TZ-Button
一个简单的异步按钮,能够避免多次点击发起多次异步请求的痛点,只在异步返回数据后的点击才能再次生效。
用法说明:
- f是传入的一个异步函数(需返回一个promise),按钮点击时将会调用
- click事件已经封装在组件内,毋须再次定义@click事件
- 实例代码:
<TZ-Button :f='test'>异步返回</TZ-Button>
test(){ let p = new Promise(function(resolve, reject){ setTimeout(function(){ resolve('异步返回数据了'); }, 2000); }); return p }