<template>
<view>
<scroll-view style="height: 300px;" scroll-y="true" refresher-enabled="true" :refresher-triggered="triggered"
:refresher-threshold="100" refresher-background="lightgreen" @refresherpulling="onPulling"
@refresherrefresh="onRefresh" @refresherrestore="onRestore" @refresherabort="onAbort"></scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
triggered: false
}
},
onLoad() {
this._freshing = false;
setTimeout(() => {
this.triggered = true;
}, 1000)
},
methods: {
onPulling(e) {
console.log("onpulling", e);
},
onRefresh() {
if (this._freshing) return;
this._freshing = true;
setTimeout(() => {
this.triggered = false;
this._freshing = false;
}, 3000)
},
onRestore() {
this.triggered = 'restore'; // 需要重置
console.log("onRestore");
},
onAbort() {
console.log("onAbort");
}
}
}
</script>
- 发布:2021-09-08 10:01
- 更新:2021-09-08 12:05
- 阅读:256
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10企业版
HBuilderX版本号: 3.1.22
第三方开发者工具版本号: 1.05.2107221
基础库版本号: 2.19.2
项目创建方式: CLI
CLI版本号: "@dcloudio/uni-h5": "^2.0.0-28920200927001",
示例代码:
操作步骤:
刷新一次后再次刷新
刷新一次后再次刷新
预期结果:
刷新一次后可再次刷新
刷新一次后可再次刷新
实际结果:
手动刷新一次后无法二次刷新
手动刷新一次后无法二次刷新
bug描述:
scroll-view使用官方的demo,自定义刷新,只能刷新一次,无法二次刷新
风残落叶 (作者)
cli版本如何更新
2021-09-08 15:54
DCloud_UNI_GSQ
回复 1***@qq.com: 查看官方文档 cli 部分
2021-09-08 17:56