// 解決動(dòng)態(tài)渲染無(wú)法滾動(dòng)問(wèn)題
let observer
onMounted(() =>{nextTick(() =>{const observerOptions = {  subtree: true, // 觀察后代節(jié)點(diǎn)
      childList: true, // 觀察目標(biāo)子節(jié)點(diǎn)添加或者刪除
    }
    const callback = (mutationList, observer) =>{  for (let i = 0; i< mutationList.length; i++) {const mutation = mutationList[i]
        if (mutation.type !== 'childList') continue

        // 節(jié)點(diǎn)渲染完刷新滾動(dòng)
        nextTick(refreshAppPageScroll)

        // 新增圖片加載完后刷新滾動(dòng)
        let imgs = mutation.target.getElementsByTagName('img')
        if (!imgs.length) continue
        const promiseList = [...imgs].map(
          (img) =>new Promise((resolve) =>{  img.addEventListener('load', resolve)
            })
        )
        Promise.all(promiseList).then(refreshAppPageScroll)
      }
    }
    observer = new MutationObserver(callback)
    observer.observe(pagebody.value, observerOptions)
  })
})
onUnmounted(observer?.disconnect) // 停止觀察

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級(jí)服務(wù)器適合批量采購(gòu)，新人活動(dòng)首月15元起，快前往官網(wǎng)查看詳情吧

為洮北等地區(qū)用戶(hù)提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及洮北網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站制作、成都做網(wǎng)站、洮北網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專(zhuān)業(yè)、用心的態(tài)度為用戶(hù)提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶(hù)的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

分享文章：Vue3動(dòng)態(tài)渲染，betterScroll無(wú)法滾動(dòng)（圖片加載也兼容）-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)URL：http://chinadenli.net/article48/cojiep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、微信小程序、App設(shè)計(jì)、外貿(mào)建站、標(biāo)簽優(yōu)化、用戶(hù)體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)