vue2.0中,由于页面完成之后dom还未加载完成如何进行操作

时间:2022-04-22 17:44:58

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