在VUE中如何在DOM 渲染完成后再执行一些DOM 操作

weixin_47152783

已于 2022-07-21 14:04:48 修改

阅读量4.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： js学习日记文章标签： vue.js javascript 前端

于 2022-07-21 14:04:35 首次发布

原文链接：https://blog.csdn.net/m0_57076093/article/details/118770945

js学习日记专栏收录该内容

16 篇文章

订阅专栏

在Vue应用中，当需要在DOM更新后执行操作，如获取新渲染的DOM节点，可以使用$nextTick。它既支持回调函数形式，也支持Promise。通过$nextTick确保在DOM更新完成后再执行相关代码，是Vue开发中的常见实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

nextTick
在我们Vue中，如果我们需要在DOM渲染完成后执行一些代码，一般就是获取DOM的操作。我们可以使用nextTick

{
  created () {
    this.$nextTick(() => {
      // 可以使用回调函数的写法
      // 这个函数中DOM必定渲染完成
    })

    this.$nextTick().then(() => {
      // 也支持promise
      // 这个函数中DOM必定渲染完成
    })
  }
}