查阅资料后得知,当 el-form 表单里只有一个el-input 时,按下回车建会自动触发页面提交功能,因此导致了页面的刷新。 【解决方法】 ———方法1——— 在表单中新增一个元素,使其不显示,目的在于不让 el-input 变成唯一,这样就不会引起刷新。 <el-form :model="form" ref="form" :inline="true"> <el-f...
那elementUI的解决了, 原生的form表单的单input和form包裹el-input回车刷新的问题也一样可以解决 1.在form表单内再增加一个隐藏的input框 ①通过hidden定义隐藏的输入字段 <form><inputtype="hidden"value="1"></input></form> ②通过css样式进行隐藏 <form><inputtype="text"style="display:none"></input><...
1.刷新页面,是因为:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在form标签上添加@submit.native.prevent 2.清空关键词,是因为触发了input的默认行为,通过@keydowm.enter.native.stop+e.preventDefault()阻止 代码: <el-form :model="form"@submit.na...
原因:当 el-form 表单内只有一个 el-input 输入框时,在输入框内回车就会触发表单的提交事件。并且该默认监听回车是keydown,导致自己设置的监听keyup失效。 解决办法:在 el-form 上加上 @submit.native.prevent 属性就可以阻止回车提交事件
一、form 下面只有一个 input 时回车键刷新页面 原因是:触发了表单默认的提交行为,给el-form 加上@submit.native.prevent就行了。 <el-form inline @submit.native.prevent> <el-form-item label="编号"> <el-input v-model="query.orderNo" :placeholder="输入编号" ...
1、form 下面只有一个 input 时回车键刷新页面 原因是触发了表单默认的提交行为,给el-form 加上@submit.native.prevent就行了。 <el-form inline @submit.native.prevent> <el-form-item label="订单号"> <el-input v-model="query.orderNo" :placeholder="输入订单号查询" ...
现在这个form里只有一个input,你回车,它竟然没有触发事件,而是刷新页面了,而且放两个input就没问题了, W3C标准的说法是:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加@submit.native.prevent。
1、form 下面只有一个 input 时回车键刷新页面 原因是触发了表单默认的提交行为,给el-form 加上@submit.native.prevent就行了。 <el-forminline@submit.native.prevent> <el-form-itemlabel="订单号"> <el-input v-model="query.orderNo" :placeholder="输入订单号查询" ...
<el-input v-model="user.username" placeholder="请输入用户名" autofocus> <in-icon slot="prefix" :name="userIcon"></in-icon> </el-input> </el-form-item> <el-form-item prop="password"> <el-input v-model="user.password" type="password" placeholder="请输入密码"> <in-icon slot="...
1、form 下面只有一个 input 时回车键刷新页面 原因是触发了表单默认的提交行为,给el-form 加上@submit.native.prevent就行了。 代码语言:javascript 复制 <el-form inline @submit.native.prevent><el-form-item label="订单号"><el-input v-model="query.orderNo":placeholder="输入订单号查询"clearable ...