vue v-on引數傳遞
阿新 • • 發佈:2021-07-01
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ message }}</p> <button type="button" @click="onClickEvent">onClickEvent</button> <button type="button" @click="onClickAge(age)">onClickAge</button> <button type="button" @click="onClick(age, $event)">onClick</button> </div> <script> const app = new Vue({ el: '#app', data: { message: 'Hello Vue.js!', age: 12, }, methods: { onClickAge(age) { console.log('onClickAge ' + age); }, onClickEvent(event) { console.log('onClickEvent ' + event); }, onClick(age, event) { console.log('onClick ' + age); console.log('onClick ' + event); } }, }) </script> </body> </html>