您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

vue 事件修饰符.stop/.capture/.self

<div @click="clickDad">
    父
    <div @click="clickSun">子</div>
</div> 点击子,先触发 子, 再触发 父

<div @click="clickDad">
    父
    <div @click.stop="clickSun">子</div>
</div>

点击子,只触发 子, 不触发 父

 <div @click.capture="clickDad">
    父
    <div @click="clickSun">子</div>
</div>

点击子,先触发 父, 再触发 子

 <div @click.self="clickDad">
    父
    <div @click="clickSun">子</div>
</div>

点击子,只触发 子, 不触发 父

以上,建议子元素用.stop 阻止冒泡,使用.self点击除了子元素之外的元素 ,父元素的点击事件都不生效,.capture只是改变冒泡的顺序


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进