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://blog.hhq688.com/posts/vue页面刷新文本框自动获取焦点-106146283/ 
评论
评论加载中…