vue页面刷新文本框自动获取焦点

使用Vue.nextTick实现进入页面文本框自动获取焦点

• 场景:页面加载时需要让文本框获取焦点
• 用法:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM

<input type="text" ref="inputs">

mounted(){ //因为 mounted 阶段 dom 并未渲染完毕,所以需要$nextTick
  this.$nextTick(() => {
    this.$refs.inputs.focus() //通过 $refs 获取dom 并绑定 focus 方法
  })
}