1. 普通的事件处理
<button @click="handleClick(100)">点击+100</button>
const handleClick = (num) => {
count.value += num;
};
没啥说的,就是很正常的点击触发函数,并且能传入参数值
2. 参数携带event事件
<input type="text" v-on:input="handleInput($event, 100)" />
const handleInput = (e, num1) => {
console.log(e.target.value);
console.log(num1);
};
点击触发函数的时候,传入的参数可以传入 $event 的同时还能传入其他参数
3. 同时触发多个事件函数
<button @click="handle1(), handle2()">点击同时触发两个函数</button>
const handle1 = () => {
console.log("123");
};
const handle2 = () => {
console.log("456");
};
用逗号分隔,可以触发多个函数,顺序按照正常触发