vue中通過js控制頁面樣式方法


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

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

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

    

    

    

    

 

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

 

參考資料:

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

 


免責聲明!

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



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