vue3 防止冒泡事件

在Vue 3中防止事件冒泡，你可以使用事件修饰符 .stop 或 .prevent。.stop 用于阻止事件冒泡，而 .prevent 用于阻止默认行为。下面是一个示例：

<template>
  <div @click.stop="handleClick">
    <button @click.prevent="handleButtonClick">点击这里不会触发父元素的点击事件</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('父元素被点击');
    },
    handleButtonClick() {
      console.log('按钮被点击');
    }
  }
}
</script>