实现捕获触发事件的机制,即是给元素添加一个监听器,当元素发生冒泡时,先触发带有该修饰符的元素。若有多个该修饰符,则由外而内触发。

 

多用于遇到事件冒泡是控制触发顺序

例:

<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

 

Logo

前往低代码交流专区

更多推荐