uniapp scroll-view 下拉刷新动画无法关闭问题

用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 这样动画效果就关闭了。

methods:{
	onRefresh(){
		//做一个判断,判断triggered 是否为true
		if(!this.triggered ){
			this.triggered =true;
			setTimeOut(e=>{
					this.triggered =false;
				},1500)
	}
	}
}

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

你可能感兴趣的:(uniapp,问题模块,uni-app,动画,javascript)