vue判斷頁面元素（圖片、音頻等）已經全部加載完畢后的事件

export default {
    data () {
        return {
            timer: null, // 定時器
        }
    }
}

created () {
    const that = this
    that.timer = setInterval(function () {
        console.log(document.readyState)
        if (document.readyState === 'complete') {
            that._scrollToBottom() // 將聊天框滾輪拉到最底部
            window.clearInterval(that.timer)
        }
    }, 1000)
},

 

上述代碼應用場景，---h5聊天頁，由於created的時候只是頁面元素的節點加載進來了，圖片、音頻等資源還未加載完全，導致滾輪無法拉至最底部

this.$nextTick 也不起作用