更新记录
1.0.2(2021-07-26) 下载此版本
取消原button控件作为载体,改为普通的view,方便样式更改
1.0.1(2021-07-10) 下载此版本
增加了props,默认不再显示loading,如需显示请传入 :needLoading='true'
1.0.0(2021-07-04) 下载此版本
首次上传
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | √ | - | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
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 }