vue2.0中,由於頁面完成之后dom還未加載完成如何進行操作


再vue中,當頁面加載完成以后,dom還沒有加載,是無法獲取進行操作的,但是在vue2.0中提供了一個方法:this.$nextTick,在這個回調函數里面寫dom操作即可:

如下代碼:

  created() {
      this.$nextTick(() => {
        //do somthing
      }); 

其實這里還有一個小技巧,就是用settimeout(fn,20),來取代this.$nextTick,(20 ms 是一個經驗值,每一個 Tick 約為 17 ms),對用戶體驗而言都是無感知的。

強烈推薦學習vue的同學去看一下餓了么的vue視頻,非常棒,會教給你許多vue里面的小技巧


免責聲明!

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



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