vue 頁面渲染完成觸發事件


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



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM