当前位置：首页 > news >正文

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

news 来源：原创 2025/6/8 12:29:27

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>