vue的$nexttick使用

Vue 的 $nextTick 方法可以在 DOM 更新后执行回调函数。它的使用方法如下：

Vue.nextTick(function () {
  // DOM 更新后执行的回调函数
})

在 Vue 中，当我们修改数据时，Vue 会异步执行 DOM 更新。如果我们想要在 DOM 更新后执行一些操作，就可以使用 $nextTick 方法。

例如，我们可以在一个按钮的点击事件中修改数据，并在 $nextTick 方法中获取更新后的 DOM 元素：

<template>
  <div>
    <button @click="changeText">修改文本</button>
    <p ref="text">{{ text }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: '原始文本'
    }
  },
  methods: {
    changeText() {
      this.text = '修改后的文本'
      this.$nextTick(() => {
        console.log(this.$refs.text.innerText) // 输出：修改后的文本
      })
    }
  }
}
</script>