130 字
1 分钟
vue页面刷新文本框自动获取焦点
2020-05-15

本文同步自 CSDN · 清阿哥,原文发布于 2020-05-15。

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

  • 场景:页面加载时需要让文本框获取焦点
  • 用法:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM
<input type="text" ref="inputs">
mounted(){ //因为 mounted 阶段 dom 并未渲染完毕,所以需要$nextTick
this.$nextTick(() => {
this.$refs.inputs.focus() //通过 $refs 获取dom 并绑定 focus 方法
})
}
vue页面刷新文本框自动获取焦点
https://qingge-cabana.vercel.app/posts/vue页面刷新文本框自动获取焦点-106146283/
作者
清阿哥
发布于
2020-05-15
许可协议
CC BY-NC-SA 4.0

评论 待开启

评论基于 GitHub Discussions(Giscus)。仓库推送并开启 Discussions 后,在 giscus.app 获取 repoId / categoryId ,填入 src/config.tsgiscusConfig 即可。

  • 目标仓库: HHQ-666/qingge-blog
  • 详细步骤见项目 docs/DEPLOY.md 第二节