vue有关$nextClick的理解

  • 之前工作中遇到过代码执行顺序的问题一般会用setTimeout的延时方法
    之后开始用vue研究了下vue的周期原理发现vue有Vue.nextTick
    的方法,具体解析有官方文档

  • 我平时工作中一般用的场景两个地方

  • 1、就是在vue生命周期creat()创建初始,一定要把对dom的操作放在Vue.nextTick()中
    因为vue在creat阶段并没有任何对页面的渲染,这时候进行的操作没有任何作用,所以需要Vue.nextTick()方法等待vue的dom渲染完成之后渲染

  • 2、vue对页面数据变化的监控操作
    类似于setTimeout延时应用,具体简单用法就如下面编码一样

     this.$nextTick(() => {
                   for(var i in this.editForm){
                     this.editForm[i] = row[i]
                   }
                   this.editForm.id = row.id
                })
    

你可能感兴趣的:(vue方法)