Vue2键盘事件: Vue2键盘事件:
1.使⽤
<!DOCTYPE html>
<html>
<head>
<title></title>
vue json字符串转数组<meta charset="utf-8">
<script src="vue.js"></script>
<script type="text/javascript">
var vm = new Vue({
el:'#box',
methods:{
show:function(ev){
if(ev.keyCode == 13){
alert('你按回车键了');
}
},
}
});
}
</script>
</head>
<body>
<div id="box">
<input type="text" placeholder="请输⼊" @keyup="show($event)">
<input type="text" placeholder="请输⼊" @keyup.13="show($event)">
</div>
</body>
</html>
当按下键盘的时候,执⾏show⽅法,然后再去执⾏相应的业务。
两个input的效果都是⼀样的如果安13  也就是按键 enter  才会执⾏弹窗!!
@keyup.13 回车
@ 回车
@keyup.left 左键
@keyup.right 右键
@keyup.up 上键
@keyup.down 下键
@keyup.delete 删除键

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。