美文网首页
vue下拉刷新与滚动窗口冲突问题解决

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

作者: 二八二九三十一_9178 | 来源:发表于2021-01-06 11:06 被阅读0次
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;

            });

        },

只提供解决思路

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/xxdnoktx.html