vue中的事件

1.存在一个内置事件对象$event

 <button v-on:click="show($event)"></button>
 等同于
 <button v-on:click="show"></button>

2.阻止事件冒泡

 <button v-on:click.stop="show"></button>

3.阻止默认事件

  //提交事件不再重载页面
  <form  @submit.prevent="onsubmit"></form>

补充

事件简写 @click
属性简写 :tilte

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单击事件:@click=" " 事件对象:@click="show($event)" 事件冒泡: 阻止冒泡事件:@...
    吴涛涛阅读 3,870评论 0 1
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 8,173评论 1 10
  • JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下,当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 5,028评论 3 11
  • 如果时间不曾流逝,还停留在那个节点;如果青春可以再来,我们还是那当年那单纯无知的少年,那么或许我们可以重头开始,有...
    赤水之鱼阅读 3,555评论 0 4
  • 通过这篇刘润老师的文章。让我学习到 自我控制。 我以前是一个非常控制不好情绪的人 因为以前小 刚出来闯社会的时...
    王庄123阅读 1,397评论 0 1