当el-form 里边只有一个el-form-item的时候,输入内容回车刷新整个页面。 <el-form:model="queryParams"ref="queryRef"><el-form-itemlabel="文章类型"prop="typeName"><el-inputv-model="queryParams.typeName"placeholder="请输入文章类型名称"clearable@keyup.enter="handleQuery"/></el-form-item></el-form...
当表单中只有一个input,按回车默认是执行提交表单事件,如果是两个input不会出现这个问题。那如何解决呢?在el-form上加@submit.native.prevent阻止默认事件。如果需要回车查询数据,给el-input加@keyup.enter.native="queryInfo"属性,其中queryInfo是查询数据的函数。 <el-form ref="form" :model="form" size="mini...
1原因 是因为当form表单中只有一个input时,按下回车建会自动触发页面的提交功能, 所以会产生刷新页面的行为 解决方案: <el-form :model="queryData"ref='queryData'status-icon @submit.native.prevent> <el-form-item label="菜单"label-width="100px"prop="menuName"> <el-inputtype="text"v-model="que...
vue+element ui el-form 阻止表单输入框按回车刷新页面 表单只有一个元素的时候,回车会触发页面刷新,加上下面这个属性可以解决这个问题 1 @submit.native.prevent 给某个el-input添加回车键监听 1 @keyup.enter.native="onSearch" <el-form :model="filters"@submit.native.prevent> <el-form-item> <el-input...
表单中只有一个输入框的时回车会页面整体刷新,并在url上面多出一个问号; 在el-form上面加上@submit.native.prevent; 原因分析: form 元素中只有一个输入框时,在该输入框中按下回车默认是提交该表单。我们需要阻止这一默认行为。 <el-form ref="DepartmentForm" :model="DepartmentForm" :rules="DepartmentFormRu...
查阅资料后得知,当 el-form 表单里只有一个 el-input 时,按下回车建会自动触发页面提交功能,因此导致了页面的刷新。 解决方法 ———方法1——— 在表单中新增一个元素,使其不显示,目的在于不让 el-input 变成唯一,这样就不会引起刷新。 <el-form:model...
原因分析:当表单只有一个文本框时,按下回车将会触发表单的提交事件, 导致页面的刷新。 1:el-input上使用回车事件 <el-input v-model="input" @keyup.enter.native="search1"> 解决方法一:在el-form表单加上@submit.native.prevent <el-form @submit.native.prevent> <el-input v-model="input" @keyup....
首先，可以在el-form表单组件上添加`@submit.native.prevent`事件监听器。这样，当表单被提交时，Vue会阻止页面的默认刷新行为，同时允许你自定义提交逻辑。这样一来，当用户按下回车键提交表单时，你可以在Vue组件中捕获该事件，并根据需要执行相应的操作，而无需担心页面刷新。其次，采用另一种策略是通过...
在Element UI中,el-input组件在特定情况下会在用户按下回车键时导致页面刷新。这通常发生在el-form表单内只有一个el-input组件时,因为Element UI默认将回车键作为表单提交的快捷键。以下是几种解决这个问题的方法: 1. 使用@submit.native.prevent阻止表单提交 在el-form标签上添加@submit.native.prevent,这可以阻止...
2. 需要在el-form 中阻止表单的默认提交行为 <el-form@submit.native.prevent> <el-inputv-model="value" @keyup.enter.native="handleEnter"/> </el-form> 1. 2. 3. 4. 参考 vue el-input 使用 回车键会刷新页面的问题