记录表单输入框点击回车总自动刷新页面问题

遇到的问题：

当在输入框点击回车时，总自动刷新页面，不想刷新页面而是执行某个函数接口

原来的代码：

 <el-form :inline="true" :model="listQuery">
    <el-input v-model="listQuery.like" placeholder="请输入名称或描述"
style="width: 300px; margin-right: 10px" 
@keyup.enter.native="handleSearch" clearable />
    <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
</el-form> 

在dialog中回车搜索总是自动刷新当前页面，执行created中的函数，但是我只想直接执行handleSearch，试了很多方法然后！！！！把el-form去掉就好了！！！！直接

<el-input v-model="listQuery.like" placeholder="请输入名称或描述"
style="width: 300px; margin-right: 10px" 
@keyup.enter.native="handleSearch" clearable />
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>

在一个 <form> 元素中，按下回车键通常会触发表单的默认提交行为，这会导致页面刷新。这是由于浏览器的默认行为，也可以使用 @submit 事件和 event.preventDefault() 来阻止表单提交。

<template>
  <form @submit="handleSubmit">
    <input type="text">
    <button type="submit">Submit</button>
  </form>
</template>

<script>
export default {
  methods: {
    handleSubmit(event) {
      event.preventDefault(); // 阻止表单的默认提交行为
      // 处理表单提交逻辑
    }
  }
}
</script>

 （我就直接把表单去掉了hahaha，反正好像用处不大，不影响~）