vue下拉刷新與滾動(dòng)窗口沖突問題解決

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;

            });

        },

只提供解決思路

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容