ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue指令:事件修饰符

2020-03-30 21:58:21  阅读:161  来源: 互联网

标签:vue 标签 捕获 修饰符 默认 指令 冒泡 事件


在事件后面加修饰符可以对事件进行修饰

1:冒泡 和 捕获:
        
        冒泡:
       button被点击时:先触发button的事件后触发div的事件
        捕获:
                和冒泡触发顺序相反
2:使用 .stop修饰符阻止冒泡:时:
      
3:默认行为:
        不是很懂,大概理解为:某些标签含有默认的事件。例如:<a>标签的默认行为是:跳转。
4:使用.prevent阻止默认行为。
5:.capture 事件侦听时使用捕获机制。
        
6:只有触发了自己的事件才执行,冒泡或者捕获的情况不执行
        
7:.once 只只执行一次。就是说这个事件的所有修饰只执行一次。第二次就按照标签本省的来。
        下面这个案例, .prevent将默认行为去掉。 有了 .once 后只有第一次的默认行为被去掉。第二次开始按照<a>标签来执行。
        
8: .self 只阻止当前元素的冒泡 ,其他元素的冒泡继续执行。
       .stop 可以都阻止。

 

标签:vue,标签,捕获,修饰符,默认,指令,冒泡,事件
来源: https://www.cnblogs.com/Xmingzi/p/12601516.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有