vue之按键修饰器的使用

vue之按键装饰器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue按键修饰器</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<body>
<div id="app">
    <!--v-model实现双向绑定-->
    <!--v-on绑定事件-->
    <input type="text" v-model = 'message' v-on:keyup.enter = 'fn'>{{message}}
</div>
<script>
    new Vue({
        el:'#app',
        data: {
            message: '哈哈'
        },
        methods:{
                fn(){
                    console.log('哈哈哈')
                }
            }
        }

    )
</script>
</body>
</html>

运行结果

posted @ 2020-04-16 22:41  faval  阅读(145)  评论(0)    收藏  举报