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里面的小技巧

posted @ 2017-12-27 09:20  明明一颗大白菜  阅读(8282)  评论(0)    收藏  举报
<-- -->