418 vue自定义按键修饰符
Posted jianjie
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了418 vue自定义按键修饰符相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app">
<input type="text" v-on:keyup.aaa=‘handle‘ v-model=‘info‘>
</div>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
/**/
/*
事件绑定-自定义按键修饰符
规则:自定义按键修饰符名字是自定义的,但是对应的值必须是按键对应event.keyCode值
*/
Vue.config.keyCodes.aaa = 65
var vm = new Vue({
el: ‘#app‘,
data: {
info: ‘‘
},
methods: {
handle: function(event) {
console.log(event.keyCode)
}
}
});
</script>
</body>
</html>
以上是关于418 vue自定义按键修饰符的主要内容,如果未能解决你的问题,请参考以下文章