码迷,mamicode.com
首页 > 其他好文 > 详细

vue的修饰符

时间:2019-12-07 12:24:36      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:ref   机制   有一个   限制   nbsp   self   点击   不能   prevent   

1、 .stop:阻止事件冒泡  (直接写在点击事件的后面@click.stop)

2、 .self :只当事件在该元素本身(不能是里面的子元素),触发时触发回调,(你只有点击了元素本身才会触发函数,当有冒泡事件经过时,该元素的函数并不会执行@click.self)

3、.prevent阻止默认事件 (比如a标签的href属性)

4、.capture 添加事件的监听时使用事件捕获模式

5、.once只执行一次

stop与self的区别:

  self只能限制自己的触发机制,不管会不会进行冒泡或者捕获事件,只要不点击我,我就不触发,(你给谁添加.self只能让限制自己的点击事件,如果这个元素外面还有一个元素,这外面的元素照样能进行冒泡或捕获行为)

  stop 就能阻止事件冒泡,不会影响其他的事件

vue的修饰符

标签:ref   机制   有一个   限制   nbsp   self   点击   不能   prevent   

原文地址:https://www.cnblogs.com/Progress-/p/12001141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!