博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vuejs键盘事件不生效解决方式
阅读量:6239 次
发布时间:2019-06-22

本文共 679 字,大约阅读时间需要 2 分钟。

笔者yy:哭泣,为什么不可以设置自己看,我只是做个笔记,好羞涩啊

问题

<el-button type="success" @click.enter="gomain()">登录</el-button>

代码如上,在click修饰符,添加发现无效,后来查阅资料才发现要元素处于focus时才可以触发,如果按钮没有被选择,Enter按钮时没有用的,所以可以把监听事件绑在document上

解决方法

//添加监听回车按键created() {      var _this = this;    document.addEventListener("keydown", _this.watchEnter);  },    destroyed() {    //移除监听回车按键    var _this = this;    document.removeEventListener("keydown", _this.watchEnter);  },  methods:{    //监听回车按钮事件    watchEnter(e) {      var keyNum = window.event ? e.keyCode : e.which; //获取被按下的键值      //判断如果用户按下了回车键(keycody=13)      if (keyNum == 13) {        按下回车按钮要做的事      }    },  }复制代码

转载于:https://juejin.im/post/5c36eeca518825551e285404

你可能感兴趣的文章
tkinter学习系列(三)之Label控件
查看>>
PopupWindow弹框
查看>>
poll和select
查看>>
vim、gvim 在 windows 下中文乱码的终极解决方案
查看>>
毕业考试
查看>>
SUSE Linux Enterprise Server
查看>>
Redis学习手册(目录)
查看>>
Linux下安装搜狗拼音输入法
查看>>
Linux shell笔记整理-------不断更新中
查看>>
shell 下面运算的几种方法
查看>>
box-sizing 的作用
查看>>
MySQL学习笔记(4)
查看>>
我的友情链接
查看>>
Arrays.asList(aa).size()一道笔试题
查看>>
aggregate(聚合)
查看>>
BizTalk Server 如何发送 EDI 消息(4)
查看>>
六大云计算厂商南山论剑,收下这封英雄帖!
查看>>
tomcat内存溢出的解决方法(java.util.concurrent.ExecutionException: java.lang.OutOfMemoryError:)...
查看>>
discuz 上传头像失败解决方法
查看>>
为域用户创建漫游用户配置文件
查看>>