输入框自动聚焦

1.autofocus属性可实现自动聚焦

<input type="" autofocus>

2.若元素不支持autofocus属性,可以通过原生的js效果获取聚焦效果--focus()

//html
<input type="text" id="input_focus">
//js document.getElementById("input_focus").focus();

3.vue中,若页面再次渲染了,需要借助$nextTick

利用的ref属性获取元素

//html
<el-input v-model="input" placeholder="请输入内容" ref="focus_input"></el-input>

//js
this.$nextTick(() => {
   this.$refs.focus_input.focus()
})

 

posted @   芬-mi  阅读(1045)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示