vue事件修饰符
2019-08-26 05:48:49来源:博客园 阅读 ()
vue事件修饰符
/* 默认事件触发顺序:冒泡 vue事件修饰符 1.阻止事件传播--事件.stop 2.事假捕获--事件.capture 3.阻止事件默行为--事件.prevent 4.事件只触发一次--事件.once 5.只在点击自身是触发--事件.self */
<html> <head> <title>vue事件</title> <meta charset="utf-8"> </head> <body> <div id="app"> <div @click.capture="parent">1 <div @click="child">2 <div @click="gradson">3 </div> </div> </div> </div> </body> <script src="node_modules\vue\dist\vue.js"></script> <script> let vm =new Vue({ el:"#app", methods:{ parent(){alert(1)}, child(){alert(2)}, gradson(){alert(3)} } }); </script> </html>
原文链接:https://www.cnblogs.com/angle-xiu/p/11410572.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:CSS3中的弹性盒子模型
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-15
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-14
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-13
- 循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查 2020-07-02
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash