Vue事件修饰符中的 捕获触发事件 .capture
实现捕获触发事件的机制,即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。多用于遇到事件冒泡是控制触发顺序例：<div @click.capture = "divClick"><a href="www.baidu.com" @click="linkClick">点击</a>...
·
实现捕获触发事件的机制,即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。
多用于遇到事件冒泡是控制触发顺序
例：
<div @click.capture = "divClick">
<a href="www.baidu.com" @click="linkClick">点击</a>
</div>
<script>
var vm = new vue ({
el:"#app",
data: {},
methods: {
divClick() {
console.log("divClick")
},
linkClick() {
console.log("linkClick")
}
}
})
</script>
结果：divClick
linkClick
如果不加捕获触发事件 .capture 则先触发a 标签的事件。结果就是 linkClick divClick
前往低代码交流专区
更多推荐
2
0- 0
已为社区贡献3条内容
所有评论(0)