nextTick执行时机问题

Question

老师,请教您个问题.官方文档给与的说法是"在修改数据之后立即使用它，然后等待 DOM 更新"
如果有些需求下我的代码需要这个样子

// 在created生命周期中
created() {
    this.$nextTick(()=>{
        需要用到message的操作
    })
    this.message = '数据';
}

那么nextTick中能正确拿到数据变化后的dom吗?

Answer 1

ustbhuangyi 2019-12-05 10:10:59

可以拿到。

• 提问者 泠泉石上 #1

  老师您的意思就是,nexttick中的操作会统一在update那个事件周期执行?如果后续没有触发update的操作会导致nexttick里面的操作无法执行?

• ustbhuangyi 回复 提问者 泠泉石上 #2

  我的意思是在 $nextTick 后是可以拿到变化后的 DOM，也就是你可以做一些 DOM 操作。你说的 update 事件周期是什么意思，我没太明白

• 提问者 泠泉石上 回复 ustbhuangyi #3

  我表达错误,我的意思是vue的updated生命周期.
  1.nexttick中的操作会统一移入这里来操作吗?
  2.如果我没触发数据变化,是不是nexttick中的操作就不执行了?

点开查看后面3条评论