输入框自动聚焦

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 @ 2023-02-14 17:29  芬-mi  阅读(1037)  评论(0编辑  收藏  举报