【问题】uni-app的scroll-view下拉加载状态无法关闭,一直转圈圈

属性说明

  • refresher-triggered用于设置当前下拉刷新状态:
    • true 表示下拉刷新已经被触发
    • false 表示下拉刷新未被触发
  • @refresherpulling用来定义自定义下拉刷新控件被下拉时触发的事件
  • @refresherrefresh用来定义自定义下拉刷新被触发执行的事件

直接将refresher-triggered绑定的值改为false并不会关闭加载状态

解决方法

refresher-triggered的初始值为false,
要先变为true,执行完刷新操作之后再变为false才会有效果,所以在自定义下拉刷新控件被下拉时触发的事件中将值置为true并加一些延时再变为false才有了效果。

<template>
   <view>
      <scroll-view
        scroll-y="true"
        refresher-enabled="true"
        :refresher-triggered="triggered"
        @refresherpulling="onPulling"
        @refresherrefresh="onRefresh"
      >
      </scroll-view>
   </view>
</template>
<script>
export default {
  data() {
     return {
       triggered: false
     }
  },
  methods: {
    onPulling() {
      var that = this;
      if (!this.triggered) {
        //下拉刷新,先变true再变false才能关闭
        this.triggered = true;
        //关掉圈圈,需要先执行完刷新操作
        setTimeout(() => {
          that.triggered = false;
        }, 1000);
      }
    },
    onRefresh() {
      // 自定义下拉刷新被触发执行
    },
  }
}
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值