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

        // 節(jié)點渲染完刷新滾動
        nextTick(refreshAppPageScroll)

        // 新增圖片加載完后刷新滾動
        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級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧

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

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

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

廣告

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