html代码
<scroll-view
scroll-y="true"
style="height: 100%;"
@scrolltolower="getList"
scroll-anchoring
@refresherrefresh="refresherrefresh"
@refresherrestore="refresherrestore"
@refresherabort="refresherabort"
:refresher-triggered="refresherTriggered"
:refresher-threshold="45"
:refresher-enabled="true">
</scroll-view>
js代码
refresherTriggered: false,
_refresherTriggered: false,
// 自定义下拉刷新被触发
refresherrefresh() {
let _this = this;
if (_this._refresherTriggered) {
return;
}
_this._refresherTriggered = true;
//界面下拉触发,triggered可能不是true,要设为true
if (!_this.refresherTriggered) {
_this.refresherTriggered = true;
}
this.loadStoreData();
},
// 自定义下拉刷新被复位
refresherrestore() {
let _this = this;
_this.refresherTriggered = false;
_this._refresherTriggered = false;
},
// 自定义下拉刷新被中止
refresherabort() {
let _this = this;
_this.refresherTriggered = false;
_this._refresherTriggered = false;
},
loadStoreData() {
let _this = this;
this.arctanList[this.activeIndex] = {
data: [],
page: 1,
ctime: '',
totalCount: 1
}
// this.getList()
setTimeout(() => {
_this.refresherTriggered = false; //触发onRestore,并关闭刷新图标 正常应该放在请求成功得接口里
_this._refresherTriggered = false;
}, 1000)
},