vue下拉刷新与滚动窗口冲突问题解决
2021-01-06 本文已影响0人
二八二九三十一_9178
image
<van-pull-refresh v-model="isLoading" @refresh="onRes" :disabled="refDisabled">
<div class="game-list" ref="divList">
</div>
</van-pull-refresh>
data(){
return {
refDisabled:false,
scrollTop:0,
}
},
watch: {
scrollTop(val){
if(val==0){
this.refDisabled=false
}else{
this.refDisabled=true
}
}
},
mounted() {
let box = this.$refs.divList;
box.addEventListener('scroll',()=>{
this.scrollTop = box.scrollTop;
});
},
只提供解决思路
