vue中使用betterscroll無法滾動怎么辦-創(chuàng)新互聯(lián)

這篇文章將為大家詳細講解有關vue中使用better scroll無法滾動怎么辦，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站成立于2013年，是專業(yè)互聯(lián)網(wǎng)技術服務公司，擁有項目成都做網(wǎng)站、成都網(wǎng)站設計、成都外貿網(wǎng)站建設網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元稷山做網(wǎng)站,已為上家服務,為稷山各地企業(yè)和個人服務,聯(lián)系電話:18982081108

使用vue+better scroll

今天實現(xiàn)切換用戶后查詢用戶訂單列表的一個功能，在實例化betterscroll時，因為有的用戶沒有訂單，切換用戶后會出現(xiàn)訂單列表無法滾動的問題。先放代碼：



  0">
  
    訂單信息

最近沒有訂單

// init better scroll initScroll() { let self = this; if (!this.scroll) { this.scroll = new BScroll(self.$refs.scrollWrap, { bounceTime: 200, click: true, mouseWheel: true, scrollbar: { // 滾動條 fade: true, }, pullUpLoad: { // 上拉加載 threshold: -40, } }) } else { this.scroll.refresh(); } this.scroll.on('pullingUp', () => { if(this.orderLists.length%10 == 0) { // 判斷是否還有訂單，但沒有考慮用戶有10的整倍數(shù)條訂單的情況 this.orderSize += 10; this.resentOrders(); return; } else { Toast("沒有更多了") } }) },

1. 檢查HTML 以及css是否有寫錯的地方，有時候寫錯會導致html中dom無法正確生成，而better-scroll是需要dom完全加載完畢后才可以正確滾動的

檢查better-scroll是否初始化時機太早（dom沒有完全生成，已經(jīng)初始化了），可以使用vue的$nextTick來異步初始化better-scroll

3. better-scroll在使用的時候，滾動只作用于第一層元素，因此在使用better-scroll時，better要加上一層div(div下面再放其他東西，better里不能有同級的2及以上div）

關于“vue中使用better scroll無法滾動怎么辦”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

亚洲AVI,黑人巨茎大战欧美白妇,初高中生洗澡自慰高清网站,欧美日韩无砖专区一中文字

重慶分公司，新征程啟航

vue中使用betterscroll無法滾動怎么辦-創(chuàng)新互聯(lián)

其他資訊