<el-input v-model="inputValue" placeholder="请输入内容" @keyup.enter="handleEnter" /> 2. 阻止默认的回车刷新行为 为了防止表单在按下回车时提交并刷新页面,你需要在 el-form 组件上添加 @submit.native.prevent 修饰符。这样可以阻止表单的默认提交行为。 vue <el-form :model="form" @...
当表单中只有一个input,按回车默认是执行提交表单事件,如果是两个input不会出现这个问题。那如何解决呢? 在el-form上加@submit.native.prevent阻止默认事件。如果需要回车查询数据,给el-input加@keyup.enter.n…
当el-form 里边只有一个el-form-item的时候,输入内容回车刷新整个页面。 代码语言:javascript 复制 <el-form:model="queryParams"ref="queryRef"><el-form-item label="文章类型"prop="typeName"><el-input v-model="queryParams.typeName"placeholder="请输入文章类型名称"clearable @keyup.enter="handleQuery"/...
表单只有一个元素的时候,回车会触发页面刷新,加上下面这个属性可以解决这个问题 1 @submit.native.prevent 给某个el-input添加回车键监听 1 @keyup.enter.native="onSearch" <el-form :model="filters"@submit.native.prevent> <el-form-item> <el-input v-model="filters.wallName"style="width: 180px"pla...
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a requestto submit the form. 即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。 解决办法
当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...
el-form中只有一个el-input 回车刷新页面问题 YiYaYiYaHei关注IP属地: 广东 0.1452021.04.04 20:11:28字数453阅读1,814 先以html为例,el-input雷同(el-input在最后～) 1、场景 如果form表单中,只要有一个可输入的输入框,输入内容后回车(enter键)会默认提交整个表单(浏览器默认行为)。 网上说表单中只有一个...
上面的结构是正常的,但是当输入框获取焦点,并回车后。整个页面都被刷新了,这并不是我们希望的。 2、问题根源 Element-ui->>查看element-ui官网我可以发现以下这段话, W3C 标准中有如下规定: When there is only one single-line text input field in a form, the user agent should accept Enter in that ...
原因:由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 从而导致页面刷新。 代码语言: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...
关于el-form按回车自动刷新页面的问题及解决方案 一、问题背景 在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一个特性。 1、问题描述及触发条件: 当el-form 中 有且只存在一个input时,在这个input中回车会触发默认提交事件,...