vue 回车查询第一次会清空查询条件

问题：回车查询第一次的查询条件会被清空，整个页面会刷新
分析过程：在vue 开发中，一个页面只有一个文本框，而且检索是通过回车来实现，@keyup.enter.native=“search”

<el-input
  v-model="form.name"
  @keyup.enter.native="search"
  placeholder="请输入" 
  clearable
  suffix-icon="el-icon-search"
></el-input>

原因：在当前页面元素中只有一个文本框时，点击回车时会自动提交表单，换句话说是会自动刷新页面
解决：给表单元素添加： @submit.native.prevent 来阻止默认提交

<el-form 
	:model="form" 
	label-width="70px" 
	ref="form" 
	@submit.native.prevent
 	:hide-required-asterisk="true" 
 	:rules="rules" 
 	label-align="right">
  <el-form-item label="名称" prop="name">
    <el-input
      v-model="form.name"
      @keyup.enter.native="search"
      placeholder="请输入" 
      clearable
      suffix-icon="w-icon-search"
    ></el-input>
  </el-form-item>
</el-form>

参考资料：https://www.freesion.com/article/78671241274/