在使用vue.js框架的時候,有時候會希望在頁面渲染完成之后,再執行函數方法來處理初始化相關的操作,如果只處理頁面位置、寬或者高時,必須要在頁面完全渲染之后才可以,頁面沒有加載完成之前,獲取到的寬高不准確。使用過jquery的都知道,有個ready方法可以使用,但vue.js則需要結合watch和nextTick方法來使用。
watch():用於觀察Vue實例上的數據變動。
nextTick:在下次 DOM 更新循環結束之后執行延遲回調。
注:其中 imgHeight 為 watch 的檢測對象,當 imgHight 的值發生變化時,就會觸發watch()事件里邊的回調。
參考資料:
https://jingyan.baidu.com/article/0320e2c134092b1b86507b64.html