<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 这样动画效果就关闭了。
methods:{
onRefresh(){
//做一个判断,判断triggered 是否为true
if(!this.triggered ){
this.triggered =true;
setTimeOut(e=>{
this.triggered =false;
},1500)
}
}
}
这样动画就关闭了。我们的思路就是要先修改triggered 值为true,然后再修改回 false 这样触发关闭。