vue2 $NextTick 怎么使用

$nextTick是Vue.js提供的一个API，用于在DOM更新后执行回调函数。使用$nextTick可以确保在更新DOM后再执行一些操作，比如获取更新后的DOM元素、计算DOM尺寸等。

使用方法如下：

在Vue实例或组件中调用$nextTick方法：

this.$nextTick(() => {
  // DOM更新后执行的操作
})

在模板中使用v-next-tick指令：

<template>
  <div>
    <p ref="myParagraph">{{ message }}</p>
    <button @click="updateMessage">Update Message</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue!'
    }
  },
  methods: {
    updateMessage() {
      this.message = 'Hello, World!'
      this.$nextTick(() => {
        console.log(this.$refs.myParagraph.innerText) // 输出Hello, World!
      })
    }
  }
}
</script>

在上面的例子中，点击“Update Message”按钮会更新message的值，然后使用$nextTick获取更新后的DOM元素。