uniapp 解决scroll-view组件 refresher-triggered刷新无效

avatar
作者
猴君
阅读量:1

直接上代码 看代码注释

	const isRefresh = ref(false); //下拉刷新状态 		// 下拉刷新 	async function refresherpulling() { 		renderArr.value = []; 		isRefresh.value = true; // 先赋为true 调用完接口再设为false 		await reqData(); 		isRefresh.value = false; // 重置状态 	} 

下面是组件视图
主要属性

  1. refresher-enabled 开起刷新
  2. refresher-triggered 下拉刷新状态
  3. @refresherrefresh 下拉刷新事件
<view class="img_box"> 		<scroll-view class="scrollView" scroll-y refresher-enabled @scrolltolower="getNext" 			:refresher-triggered="isRefresh" @refresherrefresh="refresherpulling"> 			<view class="one_img" v-for="(item,index) in renderArr" :key="item._id" @click="toView(item)"> 				<view class="aut"> 					{{ item.author }} 				</view> 			</image> 			</view> 	 		</scroll-view> 	</view> 

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!