this.$nextTick

原创于 2021-06-04 20:35:12 发布 · 127 阅读

CC 4.0 BY-SA版权

文章标签：

8 篇文章

订阅专栏

本文介绍了如何在Vue中使用$nextTick确保在组件渲染完成后获取refs，避免了数据变化但未渲染导致的问题。

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

watch: {
    list () {

      this.$nextTick(function () {
        console.log(this.$refs.group)
      })
    }
  }

注意：watch只能监听数据的变化，数据变化的时候不一定已经渲染完了
所以为了保证是渲染完成之后再去获取，我们可以借助Vue的$nextTick方法来实现
也就是说在 $nextTick 回调函数中一定能拿到渲染完成的数据，因为 $nextTick 回调函数只有在渲染完成之后才执行