解决uniapp局部页面(scrollview)下拉刷新出现不能复位的问题

问题所在:(困扰了我一天)
局部页面自定义刷新出现下拉页面不能复位的问题

看下解决后的效果

废话不多说直接上代码


	<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
			},

猜你喜欢

转载自blog.csdn.net/weixin_53339757/article/details/132829815