问题所在:(困扰了我一天)
局部页面自定义刷新出现下拉页面不能复位的问题
看下解决后的效果
废话不多说直接上代码
<view class="content">
<scroll-view class="section" :style="{'height':'300px'}" :refresher-enabled='freshing' :refresher-triggered='triggered' scroll-y="true" show-scrollbar="true"
@refresherrefresh="onRefresh" @refresherpulling="onPulling" lower-threshold="60"
refresher-background="#002C70">
<view class="section-weather">
<view class="section-weather-title"><text class="text-xs">测试测试测试测试测试测试测试测试测试测试</text>
</view>
</view>
<view class="section-weather">
<view class="section-weather-title"><text class="text-xs">测试测试测试测试测试测试测试测试测试测试</text>
</view>
</view>
<view class="section-weather">
<view class="section-weather-title"><text class="text-xs">测试测试测试测试测试测试测试测试测试测试</text>
</view>
</view>
<view class="section-weather">
<view class="section-weather-title"><text class="text-xs">测试测试测试测试测试测试测试测试测试测试</text>
</view>
</view>
</scroll-view>
</view>
//初始化
triggered: false, //设置当前下拉刷新的状态
freshing: true
onLoad() {
this._freshing = false;
},
//方法
//自定义下拉刷新被触发
onRefresh() {
if (this._freshing) return;
this._freshing = true;
setTimeout(() => {
this.$modal.msg('更新成功')
this.triggered = false;
this._freshing = false;
},2000)
},
onPulling(e) {
console.log(e,'11')
if (e.detail.deltaY < 0) {
return
}
this.triggered = true
},