vue下拉刷新与滚动窗口冲突问题解决

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;

            });

        },

只提供解决思路