如果自定义组件事件需跨越组件边界,进入其他任何组件内部时,需开启
bubbles
和composed
属性
事件分为冒泡事件和非冒泡事件:
冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
bubbles:事件是否冒泡
composed:事件是否可以穿越组件边界,为false
时,事件将只能在引用组件的节点树上触发,不进入其他任何组件内部
示例代码:
methods: {
onTap(event) {
this.triggerEvent('tap', {}, {
bubbles: true,
composed: true
})
}
}