当表单中只有一个input,按回车默认是执行提交表单事件,如果是两个input不会出现这个问题。那如何解决呢? 在el-form上加@submit.native.prevent阻止默认事件。如果需要回车查询数据,给el-input加@keyup.enter.n…
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...
el-form表单单输入框情况下回车键后页面整体刷新 表单中只有一个输入框的时回车会页面整体刷新,并在url上面多出一个问号; 在el-form上面加上@submit.native.prevent; 原因分析: form 元素中只有一个输入框时,在该输入框中按下回车默认是提交该表单。我们需要阻止这一默认行为。 <el-form ref="DepartmentForm" ...
原因:由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 从而导致页面刷新。 代码语言:javascript 复制 <el-form:inline="true":model="getForm"class="demo-form-inline"><el-form-item label="科目名称"><el-input v-model.trim="getForm.exam_name"@keyup.enter.native="search"></el-input...
表单只有一个元素的时候,回车会触发页面刷新,加上下面这个属性可以解决这个问题 1 @submit.native.prevent 给某个el-input添加回车键监听 1 @keyup.enter.native="onSearch" <el-form :model="filters"@submit.native.prevent> <el-form-item> <el-input ...
在做项目的时候会遇到 el-form表单中只有一个input输入框的时候,输入完成之后习惯性的按了一下回车,导致页面耍新还得重新输入。 解决办法 加上@submit.native.prevent 就可以解决了 <el-form@submit.native.prevent> </el-form> <el-form label-width="110px"class="demo-ruleForm"@submit.native.prevent><...
刷新了整个页面 Additional comments (empty) j524275214 changed the title [Component] [form, form-item] el-form表单内只有一个输入框时forces输入框并按下回车会刷新整个页面 [Component] [form, form-item] el-form表单内只有一个输入框时focus输入框并按下回车会刷新整个页面 Jul 3, 2024 Contributor wa...
即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加 @submit.native.prevent。 <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true" @submit.native.prevent> <el-form-item label="题库名称" prop=...
即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。 解决办法 如果希望阻止这一默认行为,可以在el-form标签上添加@submit.native.prevent
解决方法: 在el-form上添加@submit.native.prevent <el-form @submit.native.prevent> <el-input v-mode="name"></el-input> </el-form&