VUEelement-plus回车会导致整个页面刷新的问题

form的默认提交事件导致

关键部分 @submit.prevent 阻止提交

<el-form :model="queryParams" inline @submit.prevent> </el-from>

form 搜索按钮绑定回车，直接绑定到按钮上是无效，他没有焦点 应该绑定到 input 或者 整个页面进行回车监听

<el-form class="mb-[-16px]" :model="queryParams" inline @submit.prevent style="margin-bottom: 0"> <el-form-item label="题库名称" prop="name"> <el-input class="w-[280px]" v-model="queryParams.name" @keyup.enter="handleEnter" clearable placeholder="请输入题库名称" /> </el-form-item> <el-form-item> <el-button type="primary" @click="resetPage" @keyup.enter="handleEnter">查询</el-button> <el-button @click="resetParams">重置</el-button> </el-form-item> </el-form>