在使用vue.js框架的時候，有時候會希望在頁面渲染完成之后，再執行函數方法來處理初始化相關的操作，如果只處理頁面位置、寬或者高時，必須要在頁面完全渲染之后才可以，頁面沒有加載完成之前，獲取到的寬高不準確。使用過jquery的都知道，有個ready方法可以使用，但vue.js則需要結合watch和nextTick方法來使用。

　　watch():用于觀察Vue實例上的數據變動。

　　nextTick:在下次 DOM 更新循環結束之后執行延遲回調。

　　　　

　　　　

　　　　

　　　　

?

　　注：其中 imgHeight 為 watch 的檢測對象，當 imgHight 的值發生變化時，就會觸發watch()事件里邊的回調。

?

參考資料：

　　https://jingyan.baidu.com/article/0320e2c134092b1b86507b64.html

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的vue中通过js控制页面样式方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。