vue element ui input回车刷新页面问题

解决方案① 阻止form的默认事件 在form上加上@submit.native.prevent
input回车事件 @keyup.enter.native="configSet('ruleForm')"

  <el-form ref="ruleForm" :model="fuleFrom" @submit.native.prevent>
      <el-form-item label="xxx: " prop="xxx">
      <el-input
                size="small"
                clearable
                placeholder="请输入查询"
                prefix-icon="el-icon-search"
                @keyup.enter.native="configSet('ruleForm')">
            </el-input>

W3C 标准中有如下规定：

When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 <el-form> 标签上添加 @submit.native.prevent。

平时遇到的一些小问题 自我记录 有补充的地方希望大家多多提出意见 共同学习!
如有转载 请备注原文地址!