vue 键盘回车事件导致页面刷新的问题,路由多了一个问号
问题:
<el-form @submit.native.prevent>
    <el-form-item >
        <el-input
          @keyup.enter.native="handleInputConfirm(obj)"
        >
        </el-input>
    </el-form-item>
</el-form>
export default {
    methods:{
        handleInputConfirm(obj){
            // ... 提交内容
        }
    }
}
回车后,重新刷新了页面,并且路由多了一个问号
http://localhost:3009/?#/admin
解决方案:
el-from 加上 @submit.native.prevent
<el-form @submit.native.prevent>
</el-form>
理由:
当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加 @submit.native.prevent。
...
...
...
vue 键盘回车事件导致页面刷新的问题,路由多了一个问号的更多相关文章
- vue+element Form键盘回车事件页面刷新解决
		
问题描述:如下代码所示,使用element-ui 中的el-form组件对table进行条件查询,当查询条件仅有一项时,使用@keyup.enter.native事件绑定回车事件,出现点击回车后,浏览 ...
 - 键盘enter事件时间页面绑定
		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
 - js-enter提交表单导致页面刷新问题
		
问题:当页面只有一个文本框时,使用键盘enter操作执行提交表单的时候,会导致页面进行刷新,并且参数也会自动添加到url中. 解决办法: 1.给form添加onsubmit=return false; ...
 - vue 项目中如何在页面刷新的状态下保留数据
		
1.问题:在vue项目中,刷新页面之后,我当前打开的所有菜单,都消失,我如何实现刷新之后页面仍然是刷新之前的状态 效果图: 解决方法: 使用vuex作状态管理: 将vuex里面的数据同步更新到loca ...
 - jquery 键盘回车事件
		
<input id="search" placeholder="输入要领用的资产条码" id="scanCode" type=&quo ...
 - vue+element 页面输入框--回车导致页面刷新的问题
		
el-form 后面加上 @submit.native.prevent
 - JS移动端如何监听软键盘回车事件
		
移动端经常项目中会有搜索之类的功能,一般实现的是按搜索按钮进行搜索,如果要像PC端一样实现按回车键进行搜索该怎么实现呢? 方法很简单,就是在搜索框的input外面套一个form标签 注意点:form ...
 - 使用 elementUI 的表单进行查询,表单中只有一个文本框时,回车会自动触发表单的提交事件,导致页面的刷新。
		
使用elementUI的el-form组件进行查询时,当输入框仅有一项时,回车自动提交表单,浏览器会刷新页面: 原因:由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 从而导致页面刷新. ...
 - Vue监听键盘回车事件
		
在写页面时遇见了登录页需要加一个键盘回车事件. vue 的 v-on中有这样的修饰符 <input v-on:keyup.enter="submit"> 即<in ...
 
随机推荐
- idea和Pycharm 等系列产品激活激活方法和激活码
			
引用自大神:雪中皓月原文链接 --------------------- 以下两种方法均可用于激活Idea,Pycharm等jetbrains系列产品第一种方法:使用现有的注册服务器优点:快捷,方便, ...
 - Linux运维管理的必备工具
			
一.统一账号管理 1.LDAP 统一管理各种平台帐号和密码,包括但不限于各种操作系统(Windows.Linux),Linux系统sudo集成,系统用户分组,主机登入限制等:可与Apache,HTTP ...
 - Swift学习笔记(15)--下标脚本(Subscripts)
			
下标脚本可以定义在类(Class).结构体(structure)和枚举(enumeration)这些目标中,使用中类似数组或者字典的用法 1.定义 定义下标脚本使用subscript关键字,语法: s ...
 - SGU 323 Aviamachinations
			
Aviamachinations Time Limit: 4500ms Memory Limit: 65536KB This problem will be judged on SGU. Origin ...
 - Redis学习笔记--Redis客户端(三)
			
1.Redis客户端 1.1 Redis自带的客户端 (1)启动 启动客户端命令:[root@kwredis bin]# ./redis-cli -h 127.0.0.1 -p 6379 -h:指定访 ...
 - 【习题 8-11 UVA - 1615】Highway
			
[链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 每个村庄都有一个范围[li..ri] 只要在这个范围内放点都可以"支配"这个村庄. 则问题就等价于线段上有n个区 ...
 - xml格式报文的拼装,和解析成实体类
			
我们的微信支付,使用的是第三方的支付,某银行的微信支持渠道.所有的接口请求.应答都是xml格式报文,这样就需要用到xml格式报文的拼装和解析,这儿简单讲一下. 拼接xml格式报文. 从页面表单提交和配 ...
 - 洛谷 P1217 [USACO1.5]回文质数 Prime Palindromes
			
P1217 [USACO1.5]回文质数 Prime Palindromes 题目描述 因为151既是一个质数又是一个回文数(从左到右和从右到左是看一样的),所以 151 是回文质数. 写一个程序来找 ...
 - Python批量重命名指定目录下文件的两种方法
			
#法一 import os path = "C://Python34//" for file in os.listdir(path): if os.path.isfile(os.p ...
 - x264代码剖析(八):encode()函数之x264_encoder_close()函数
			
x264代码剖析(八):encode()函数之x264_encoder_close()函数 encode()函数是x264的主干函数.主要包含x264_encoder_open()函数.x264_en ...