vue 頁面渲染完成觸發事件
阿新 • • 發佈：2021-12-06
vue的渲染時先DOM（結構）後css,js渲染，在我們做ui自動化測試時，需要在頁面完全載入完成事觸發一個事件給指令碼捕獲
在使用Vue框架的時候，有時候需要在Vue在頁面資料渲染完成之後呼叫方法，不然獲取不到準確的資料，特別是在獲取列表的高度的時候，由於資料沒有載入完，獲取不到準確的高度。之前在使用jquery的時候，有ready可以幫助我們實現，但是Vue不存在此類方法，我們需要結合watch和this.$nextTick()來實現。
nextTick：在下次 DOM 更新迴圈結束之後執行延遲迴調。
watch：用於觀察Vue例項上的資料變動。對應一個物件,鍵是觀察表示式,值是對應回撥
asyncArray為資料的變數
watch:{
asyncArray:function()
this.$nextTick(function(){
//////方法
});
}
}
或
window.onload 會在頁面的document全部載入完成以後，並且要求所有的外部圖片和資源全部載入完成後才會執行操作。
window.οnlοad=function(){
alert("頁面載入完成！");
}