1. 程式人生 > 實用技巧 >v-on的補充說明—事件引數的傳遞

v-on的補充說明—事件引數的傳遞

程式碼示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>v-on的補充說明——事件引數的傳遞</title>
</head>
<body>
    <div id="app">
        <button @click="btnClick(666,'老鐵')">點選</button>
        <!-- 事件修飾符,可以指定響應事件的哪種情況,常用語輸入結束後回車自動儲存資訊等 -->
        <input type="text" @keyup.enter="sayHello">
    </div>
    <script src="/vue/node_modules/vue/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el:"#app",
            data:{

            },
            methods:{
                btnClick:function(p1,p2){
                    alert(p2+'點選'+p1+'!');
                },
                sayHello:function(){
                    alert("Hello");
                }
            }
        });
    </script>
</body>
</html>