v-on的補充說明—事件引數的傳遞
阿新 • • 發佈:2020-12-28
程式碼示例
<!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>