最近写代码时,遇到要给回车键绑定确定的功能,并且打开对话框时要自动获取输入框焦点,发现一但重新打开浏览器,第一次执行回车键的功能时就会刷新浏览器,后续则会成功执行。但是一但再一次重新打开浏览器,还是会遇到上述问题。
原因:
elementUI中的当el-form表单只存在一个el-input框时,会触发表单的默认提交事件
解决方案:
1、阻止刷新浏览器:
在el-form中添加
@submit.native.prevent
2、打开dialog对话框自动获取输入框焦点:
打开对话框的方法中添加
this.$nextTick(()=>{ this.$refs.inputRef.focus() })