vuedemo03

作者: 知识分享share | 来源:发表于2018-03-29 18:57 被阅读0次

vuedemo03

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>vue</title>
        <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <h1>键盘Events</h1>
            <label for="">姓名：</label>
            <input type="text" v-on:keyup.enter="logName" />
            <label for="">年龄：</label>
            <input type="text" v-on:keyup.alt.enter="logAge" /> 
        </div>
    </body>
</html>

<script>
    new Vue({
        el:"#app",
        data:{},
        methods:{
            logName:function(){
                console.log("请输入你的名字！！");
            },
            logAge:function(){
                console.log("请输入你的年龄！！");
            }
        }
    })
</script>