用scroll-view来写下拉刷新，但是，动画效果一直无法关闭。这个问题该怎么解决呢？

<scroll-view 

scroll-y="true" 

:style="getHeight" 

class="srcroll-box" 

:refresher-enabled="true" 

:refresher-threshold="30" 

:lower-threshold="30" 

:refresher-triggered="triggered" 

@refresherrefresh="onRefresh" 

@scrolltolower="scrolltoLower">

</scroll-view>

解决思路：

1.代码里面，我们通过:refresher-triggered=“triggered” 绑定的数据triggered 来控制动画的关闭。
2.在data里面，默认给triggered 为false
3.在触发下拉刷新后，我们先把triggered 的值赋值为true，然后再修改为false 这样动画效果就关闭了。

data() {

    return {

    items: [],

    triggered:false

    }

},

methods:{

onRefresh(){

//做一个判断，判断triggered 是否为true

if(!this.triggered ){

this.triggered =true;

setTimeOut(e=>{

this.triggered =false;

},1500)

}

}

}

这样动画就关闭了。我们的思路就是要先修改triggered 值为true，然后再修改回 false 这样触发关闭。