vue3中父元素@select事件，子元素@click事件，如何在点击子元素的时候阻止父元素@select事件

在 Vue3 中，如果你想要在子元素（`<child>`）的 `@click` 事件触发时阻止父元素 (`<parent>") 上的 `@select` 事件，你可以通过以下方法：

1. 使用 `event.stopPropagation()` 或者 `event.stopImmediatePropagation()`: 当你在子组件的 click 事件处理器中添加这两行代码时，可以立即停止当前事件向上冒泡，进而阻止父元素接收到该事件。

<!-- 子组件 -->
<template>
  <button @click="handleClick(event)">点击我</button>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      event.stopPropagation(); // 阻止事件向上冒泡
      // ... 其他处理逻辑
    }
  }
}
</script>

2. 如果`@select`事件是在父组件里监听全局元素的，比如根元素 `<div id="app">`，那么可以在子元素上添加一个 `v-on:click.prevent`，防止默认行为并阻止事件传播到父组件：

<!-- 父组件 -->
<div v-on:select="handleSelect">
  <child @click.prevent></child>
</div>

<script>
// ... 父组件逻辑 ...
</script>

这样，在点击子元素时，父组件的 `@select` 事件将不会被触发。