scroll-view自定义刷新后如何取消加载状态

scroll-view自定义刷新后如何取消加载状态，
像hello uni-app中这个新闻列表页，如何每个scroll-view都能下拉刷新，网上看了相关方法都不能解决

<template>  
  <view>  
    <scroll-view class="scroll-v list"   
    style="width: 100%; height: 400px;"  
    refresher-enabled  
    :refresher-threshold="100"  
    scroll-y  
    :refresher-triggered="triggered"  
    @refresherrefresh="onRefresh"  
    >  
      <view>下拉刷新</view>  
    </scroll-view>  
  </view>  
</template>  

<script>  
  export default {  
    data() {  
      return {  
        triggered:true,  
      }  
    },  
    onLoad() {  
    },  
    methods: {  
      onPulling(e) {  
      },  
      onRefresh() {  
        if (this._freshing) return  
        this._freshing = true  
        setTimeout(() => {  
          this.triggered = false  
          this._freshing = false  
        }, 1000)  
      },  
      onRestore(e) {  
      },  
      onAbort(e) {  
      },  
    }  
  }  
</script>  

<style lang="scss" scoped>  
.scroll-v{  
  height: 100vh;  
}  
</style>  

微信官方demo

按官方demo来写并没有作用