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

最新推荐文章于 2025-05-07 09:17:15 发布

原创最新推荐文章于 2025-05-07 09:17:15 发布

· 338 阅读

0 ·

版权

文章标签：

#vue.js #前端 #javascript

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>