vue中阻止click事件冒泡,防止触发另一个事件的方法

来源：动视网责编：小采时间：2020-11-27 22:20:01

vue中阻止click事件冒泡,防止触发另一个事件的方法

vue中阻止click事件冒泡,防止触发另一个事件的方法:使用vue阻止子级元素的click事件冒泡，很简单，用stop <div @click=test1()> <span @click.stop=test2()>按钮1</span> <span>按钮2</span> </div> 这样点击div里面的按钮1

推荐度：

点击下载本文 文档为doc格式

导读vue中阻止click事件冒泡,防止触发另一个事件的方法:使用vue阻止子级元素的click事件冒泡，很简单，用stop <div @click=test1()> <span @click.stop=test2()>按钮1</span> <span>按钮2</span> </div> 这样点击div里面的按钮1

使用vue阻止子级元素的click事件冒泡，很简单，用stop

<div @click="test1()"> 
 <span @click.stop="test2()">按钮1</span> 
 <span>按钮2</span> 
</div>

这样点击div里面的按钮1，就不会触发div绑定时间test1()方法。

以上这篇vue中阻止click事件冒泡,防止触发另一个事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

vue中阻止click事件冒泡,防止触发另一个事件的方法

推荐度：

点击下载本文 文档为doc格式

标签：里面的事件点击

热门焦点

vue中阻止click事件冒泡,防止触发另一个事件的方法

vue中阻止click事件冒泡,防止触发另一个事件的方法

vue中阻止click事件冒泡,防止触发另一个事件的方法

最新推荐

猜你喜欢

热门推荐