vue2 $nextTick

在Vue.js中，$nextTick是一个异步方法，用于在DOM更新完成后执行回调函数。它的作用是确保在更新DOM后再执行一些操作，例如获取更新后的DOM元素或执行其他需要在DOM更新后进行的操作。

在你提供的代码中，当点击按钮时，会调用updateTitle方法。在该方法中，将visible属性设置为true，并使用$nextTick方法来确保DOM更新完成后执行回调函数。在回调函数中，打印出了this.$refs.iref，即input元素的引用。

因此，当点击按钮后，控制台会打印出input元素的引用。

范例：

<template>
  <div class="page">
    <input ref="iref" type="text" v-if="visible">
    <button @click="updateTitle">Click</button>
  </div>
</template>

<script>
import { nextTick } from 'vue'

export default {
  data() {
    return {
      visible: false,
    }
  },
  methods: {
    updateTitle() {
      this.visible = true;
      nextTick(() => {
        console.log(this.$refs.iref);
      });
    }
  }
}
</script>