官网参考:
https://ionicframework.com/docs/api/components/refresher/Refresher/
用法说明:
在html页面需要下拉刷新的位置添加如下代码:
<!-- 下拉刷新 -->
<ion-refresher (ionRefresh)="doRefresh($event)">
<ion-refresher-content
pullingIcon="arrow-dropdown"
pullingText="下拉刷新"
refreshingSpinner="circles"
refreshingText="加载中...">
</ion-refresher-content>
</ion-refresher>
在ts页面设置函数doRefresh()
//下拉刷新函数
doRefresh(refresher) {
console.log('Begin async operation', refresher);
setTimeout(() => {
console.log('数据刷新!');
//刷新时需要调用的函数写这里
refresher.complete();
}, 2000);
}
------end-----