1.问题描述
当用户点击新增按钮时,弹出新增页面,需要form表单中的input框自动获取焦点
2.解决的方法
第一步:给form表单的input输入框添加ref属性
第二步:定义一个方法
我是使用vue开发前端页面的,所以在methods中定义一个方法,在方法中写input输入框自动聚焦的功能
第三步:在mounted中调用定义的方法,在页面结构渲染之后调用这个方法
mounted() {
this.onUsernameRef()
},
methods: {
/**
* 自动聚焦用户输入框
*/
onUsernameRef() {
this.$nextTick(() => {
this.$refs.usernameRef.focus()
})
}
}