1.问题描述
当用户点击新增按钮时，弹出新增页面，需要form表单中的input框自动获取焦点
2.解决的方法
第一步：给form表单的input输入框添加ref属性
第二步：定义一个方法
我是使用vue开发前端页面的，所以在methods中定义一个方法，在方法中写input输入框自动聚焦的功能文章来源：https://www.toymoban.com/news/detail-622126.html
第三步：在mounted中调用定义的方法，在页面结构渲染之后调用这个方法文章来源地址https://www.toymoban.com/news/detail-622126.html
mounted() {
this.onUsernameRef()
},
methods: {
/**
* 自动聚焦用户输入框
*/
onUsernameRef() {
this.$nextTick(() => {
this.$refs.usernameRef.focus()
})
}
}
到了这里，关于element-ui表单input输入框获取自动聚焦功能的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
