v-on的修饰符

<!-- 停止冒泡 -->
<button @click.stop="btnClick">小可爱</button>

<!-- 阻止默认事件 -->
<input type="submit" @click.prevent="submitFun" value="提交">

<!-- 监听回车事件 -->
<input type="text" @keyup.enter="keyupFn" value="">

<!-- 监听组件根元素的原生事件 -->
.native 

<!-- 只回调一次事件 -->
<button @click.once="btnClick"></button>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • v-on:绑定/缩写@click 修饰符: .stop - 调用 event.stopPropagation()。...
    前端来入坑阅读 415评论 0 2
  • 1.阻止冒泡事件 .stop 事件冒泡:在结构上存在嵌套的元素,有事件冒泡的功能,自子元素传递(冒泡)到父元素,所...
    63537b720fdb阅读 218评论 0 0
  • .stop调用event.stoppropagation()。(阻止事件冒泡) .prevent调用event.p...
    chen_chc阅读 216评论 0 0
  • <!DOCTYPEhtml> Document .bigbox{ width:300px; height:300...
    ff_16bc阅读 125评论 0 0
  • 1、stop 功能:阻止事件冒泡使用方法: 举例: A按钮没添加stop,B按钮添加了stop。点击A按钮,控制台...
    kangaroo_v阅读 1,578评论 0 1