阅读量:1
直接上代码 看代码注释
const isRefresh = ref(false); //下拉刷新状态 // 下拉刷新 async function refresherpulling() { renderArr.value = []; isRefresh.value = true; // 先赋为true 调用完接口再设为false await reqData(); isRefresh.value = false; // 重置状态 }
下面是组件视图
主要属性
- refresher-enabled 开起刷新
- refresher-triggered 下拉刷新状态
- @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>