vue的键盘修饰符

最新推荐文章于 2023-08-10 15:26:40 发布

别看我也不知道

最新推荐文章于 2023-08-10 15:26:40 发布

阅读量193

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/wmiaopas/article/details/102712078

版权

vue 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

vue的键盘修饰符就是在按下按键或者弹起按键的时候执行某个操作

<body>
    <div id="app">
        <h4>{{ msg}}</h4>
        <input type="text" name="" id="" @keyup.enter="add"  v-model="msg2">
    </div>
    <script>
        var vm=new Vue({
           el:'#app',
           data:{
               msg:'',
               msg2:''
           },
           methods:{
               add(){
                this.msg=this.msg2
               }
           }
        });
    </script>
</body>

此时就是按下enter键就执行add事件
如果需要自定义别的按键的话就需要使用键盘码
例如Print键的键盘码是33，则keyup后面跟的就是键盘码

<input type="text" name="" id="" @keyup.33="add"  v-model="msg2">

这样就可以了

别看我也不知道

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue的键盘修饰符

vue的键盘修饰符就是在按下按键或者弹起按键的时候执行某个操作<body> <div id="app"> <h4>{{ msg}}</h4> <input type="text" name="" id="" @keyup.enter="add" v-model="msg2"> </...
复制链接

扫一扫

专栏目录