解决element-ui回车键绑定按钮功能后却刷新浏览器的问题

       最近写代码时，遇到要给回车键绑定确定的功能，并且打开对话框时要自动获取输入框焦点，发现一但重新打开浏览器，第一次执行回车键的功能时就会刷新浏览器，后续则会成功执行。但是一但再一次重新打开浏览器，还是会遇到上述问题。

原因：

elementUI中的当el-form表单只存在一个el-input框时，会触发表单的默认提交事件

解决方案：

1、阻止刷新浏览器：

在el-form中添加

@submit.native.prevent

2、打开dialog对话框自动获取输入框焦点：

打开对话框的方法中添加

 this.$nextTick(()=>{
        this.$refs.inputRef.focus()
      })