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("頁面加載完成!"); }