美文网首页
Vue中自定义键码按下事件 为键码起别名

Vue中自定义键码按下事件 为键码起别名

作者: ___大鱼___ | 来源:发表于2018-11-06 17:02 被阅读44次

为键码起别名
Vue.config.keyCodes.f2 = 113

直接keyup.键码值 ='函数名' 如下 按下enter键
键码值参考 https://www.jianshu.com/p/a277f9ecd39a
全部的按键别名:

  • .enter
  • .tab
  • .delete (捕获“删除”和“退格”键)
  • .esc
  • .space
  • .up
  • .down
  • .left
  • .right
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<body>

<div id="app1">
    <input type="text" @keyup.13="add()">

</div>

<script>
    var app = new Vue({

        el: '#app1',
        data:{

        },
        methods:{
            add(){

                alert('你按了enter键')
            }

        }


    })


</script>


</body>
</html>

相关文章

网友评论

      本文标题:Vue中自定义键码按下事件 为键码起别名

      本文链接:https://www.haomeiwen.com/subject/gxwuxqtx.html