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
更多推荐
已为社区贡献3条内容
所有评论(0)