vue @click的常用方法
点击事件的常用方法**v-on click 简写是@click****点击事件的常见的几种使用方法(在vue中):**1.prevent:阻止默认事件(常用);2.stop:阻止事件冒泡(常用);3.once:事件只触发一次(常用);4.capture:使用事件的捕获模式;5.self:只有event.target是当前操作的元素时才触发事件;
·
点击事件的常用方法
**v-on click 简写是@click**
**点击事件的常见的几种使用方法(在vue中):**
1.prevent:阻止默认事件(常用);
2.stop:阻止事件冒泡(常用);
3.once:事件只触发一次(常用);
4.capture:使用事件的捕获模式;
5.self:只有event.target是当前操作的元素时才触发事件;
6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕;
handleShow 不加上()默认接受到的参数就是$event这个事件的全部内容
在methods中就可以看到hanelShow(param){
console.log(param)
}
看到的就是event里面的信息
handleShow加上()且里面有传值的话 :如 handleShow(aa)
在methods中就可以看到hanelShow(param){
console.log(param)
}
输出得到的就是aa,如果还想要event事件的话,那么就需要在加上这个参数:
handleShow(aa,$event)
methods中接收的话,就的是两个参数了
handleShow(param1,param2){
console.log(param1)
console.log(param2)
}
param1 就是 aa,param2就是event
更多推荐
已为社区贡献5条内容
所有评论(0)