uniapp scroll-view下拉刷新无法复位

动态设置refresher-triggered的值,当触发下拉刷新时,refresher-triggered = true;当下拉刷新执行完之后refresher-triggered = false。
复制代码
<scroll-view 
    :scroll-top="scrollTop" 
    scroll-y="true"
    :refresher-triggered="triggered"
    @refresherrefresh="onRefresh"
>
	<view id="demo1" class="scroll-view-item uni-bg-red">A</view>
	<view id="demo2" class="scroll-view-item uni-bg-green">B</view>
	<view id="demo3" class="scroll-view-item uni-bg-blue">C</view>
</scroll-view>


<script>
    export default {
        data() {
            return {
                triggered: false
            }
        },
        methods: {
            onRefresh(){
                this.triggered = true;
                setTimeout(() => {
                    this.triggered = false;
                }, 3000)
            }
        }
    }
</script>

详情请阅览scroll-view自定义下拉刷新

相关推荐
百思可瑞教育3 小时前
Vue中使用keep-alive实现页面前进刷新、后退缓存的完整方案
前端·javascript·vue.js·缓存·uni-app·北京百思可瑞教育
风早爽太5 小时前
在uni-app中使用lottie-web来展示Lottie动画
uni-app
Autumn_yun5 小时前
uniapp 实现项目多语言切换
uni-app
懒大王95277 小时前
uni-app + Vue3 + EZUIKit.js 播放视频流
开发语言·javascript·uni-app
懒大王95277 小时前
uni-app + Vue3 开发展示 echarts 图表
前端·uni-app·echarts
百思可瑞教育10 小时前
Vue 生命周期详解:从初始化到销毁的全过程剖析
前端·javascript·vue.js·前端框架·uni-app·北京百思可瑞教育·百思可瑞教育
jingling55512 小时前
uniapp | 快速上手ThorUI组件
前端·笔记·前端框架·uni-app
百思可瑞教育19 小时前
uni-app 根据用户不同身份显示不同的tabBar
vue.js·uni-app·北京百思可瑞教育·北京百思教育
Q_Q19632884751 天前
python+springboot+uniapp微信小程序题库系统 在线答题 题目分类 错题本管理 学习记录查询系统
spring boot·python·django·uni-app·node.js·php
百思可瑞教育1 天前
使用UniApp实现一个AI对话页面
javascript·vue.js·人工智能·uni-app·xcode·北京百思可瑞教育·百思可瑞教育