nuxt3 nextTick

nextTick是Vue.js中的一个方法，用于在下次DOM更新循环结束之后执行延迟回调。它可以用来确保在数据发生变化后，DOM已经更新完毕。

在Nuxt.js中，可以使用nextTick方法来确保在数据发生变化后，DOM已经更新完毕。下面是一个使用nextTick的例子：

<template>
  <div>
    <button type="button" ref="tick" @click="tick">{{ msg }}</button>
    <button type="button" ref="tick2" @click="tick2">{{ msg }}</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: '原始值'
    }
  },
  methods: {
    tick() {
      this.msg = "修改了"
      console.log("tick", this.$refs.tick.innerText)
    },
    tick2() {
      this.msg = "修改了"
      this.$nextTick(() => {
        console.log("使用了nextTick", this.$refs.tick2.innerText)
      })
    },
  }
}
</script>

在上面的例子中，当点击按钮时，会修改msg的值，并使用nextTick方法来确保DOM已经更新完毕后再输出按钮的innerText。