uniapp vue3的项目，怎么使用scroll-view下拉刷新？

c***@wanyun.xin (作者)

我下拉刷新，获取数据完毕后，怎么将这个下拉转圈的状态恢复。我在网络请求之后，将triggered不管改成false还是true，都依然还是在加载中的状态。这个triggered不是双向绑定的么？

2023-02-23 15:57

YUANRJ

回复 c***@wanyun.xin: 是否绑定这个参数refresher-triggered，看下文档 https://uniapp.dcloud.net.cn/component/scroll-view.html#scroll-view

2023-02-23 16:13

c***@wanyun.xin (作者)

回复 YUANRJ: 绑定了，想要去掉这个刷新中的状态，更改refresher-triggered并不起作用。

2023-02-24 08:35

c***@wanyun.xin (作者)

回复 YUANRJ:

回复 c***@wanyun.xin:

<template>  

    <scroll-view   

        style="height: 100vh;"   

        scroll-y="true"   

        refresher-enabled="true"   

        :refresher-triggered="triggered"  

        :refresher-threshold="100"   

        refresher-background="lightgreen"  

        @refresherrefresh="onRefresh"   

        @refresherrestore="onRestore"  

    >  

        <view v-for="item in 100">测试条目：{{ item }}</view>  

    </scroll-view>  

</template>  



<script setup>  

import { ref } from "vue";  



const triggered = ref(false);  



// 下拉刷新触发  

const onRefresh = () => {  

    console.log('下拉触发时，triggered状态', triggered.value);  

    setTimeout(() => {  

        triggered.value = false;  

    }, 2000);  

}  



// 复位  

const onRestore = () => {  

    console.log('复位')  

}  

</script>  



<style>  

</style>

这是一段能复现问题的代码，还请看看哪里的问题。

2023-02-24 08:53

YUANRJ

回复 c***@wanyun.xin: 触发下拉刷新时，先把triggered改为true

const onRefresh = () => {      

    console.log('下拉触发时，triggered状态', triggered.value);      

   triggered.value = true;      

    setTimeout(() => {      

        triggered.value = false;      

    }, 2000);      

}  

2023-02-24 10:29