更新记录
1.0.0(2022-01-17) 下载此版本
提交
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.0.5 app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
使用方式
组件符合uni-app的easycom组件规范,则可以免注册,直接使用。 经过真机测试H5,APP,ios,安卓,都可以流畅使用,小程序没有测试,完全基于uniappAPI开发,小程序应该也没问题。
<pull-refresh-page v-model="refreshFlag" @refresh="onRefresh" @reload="onReload">
...code...
</pull-refresh-page>
onRefresh(){
//下拉刷新回调
this.refreshFlag = false;
},
onReload(){
//上拉加载回调
this.refreshFlag = false;
},
参数
refreshFlag 必须 初始值:false 根据refreshFlag监听状态
@refresh 根据需要 下拉刷新回调
@reload 根据需要 上拉加载回调
pullingFlag 根据需要 关闭下拉刷新 默认打开
downingFlag 根据需要 关闭上拉加载 默认打开
downingText 根据需要 上拉加载提示文字 默认‘上拉加载’
downloosingText 根据需要 上拉加载临界值提示文字 默认‘释放加载’
loadingText 根据需要 释放提示文字 默认 ‘正在加载...’
pullingText 根据需要 下拉刷新提示文字 默认‘下拉刷新’
loosingText 根据需要 下拉刷新临界值提示文字 默认‘释放刷新’
拒绝花里胡哨 完结