1.問題描述
當(dāng)用戶點擊新增按鈕時，彈出新增頁面，需要form表單中的input框自動獲取焦點
2.解決的方法
第一步：給form表單的input輸入框添加ref屬性
第二步：定義一個方法
我是使用vue開發(fā)前端頁面的，所以在methods中定義一個方法，在方法中寫input輸入框自動聚焦的功能文章來源：http://www.zghlxwxcb.cn/news/detail-622126.html
第三步：在mounted中調(diào)用定義的方法，在頁面結(jié)構(gòu)渲染之后調(diào)用這個方法文章來源地址http://www.zghlxwxcb.cn/news/detail-622126.html
mounted() {
this.onUsernameRef()
},
methods: {
/**
* 自動聚焦用戶輸入框
*/
onUsernameRef() {
this.$nextTick(() => {
this.$refs.usernameRef.focus()
})
}
}
到了這里，關(guān)于element-ui表單input輸入框獲取自動聚焦功能的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
