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