<div id="app">
<!--
事件绑定 v-on
语法:
v-on:事件名="方法"
简写
@事件名="方法"
注:方法要定义在methods配置选项中
// 在vue事件绑定方法中,可以写小括号也可以不写小括号
// 如果不写小括号:vue会自动给你绑定的方法上注入一个event事件对象
// 如果写小括号,可以通过小括号来传事件参数,但event事件对象需要你手动的来传入
// 现在写小括号,但还需要用到event事件对象 vue提供一个内置变量 $event,手动注入进去
// 建议,写在第1个参数位,或最后1位,但是建议还是写在第1位
-->
<button v-on:click="clickHandle">不写小括号 - 点击事件</button>
<button v-on:click="clickHandle2($event,100)">写小括号 - 点击事件</button>
</div>
<script>
var vm = new Vue({
el: '#app',
data() {
return {
}
},
methods: {
clickHandle(evt) {
console.log('不写小括号', evt);
},
clickHandle2(evt, id) {
console.log('写小括号', id, evt);
}
}
})
</script>
vue2事件绑定v-on
于 2023-06-13 20:05:47 首次发布