Video by Abbat Studio on Pexels
130 字
1 分钟
vue页面刷新文本框自动获取焦点
本文同步自 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/ 
评论 待开启
评论基于 GitHub Discussions(Giscus)。仓库推送并开启 Discussions 后,在 giscus.app 获取
repoId/categoryId,填入src/config.ts的giscusConfig即可。HHQ-666/qingge-blog