如何在父项中检测子组件上的模糊事件

<!-- 子组件 ChildComponent.vue -->
<template>
  <input type="text" @blur="handleBlur" />
</template>

<script>
export default {
  methods: {
    handleBlur(event) {
      // 可以在这里处理一些子组件内部的逻辑
      this.$emit('child-blur', event); // 触发一个自定义事件
    }
  }
}
</script>

<!-- 父组件 ParentComponent.vue -->
<template>
  <ChildComponent @child-blur="handleChildBlur" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleChildBlur(event) {
      console.log('子组件模糊事件被触发', event);
      // 在这里处理父组件接收到子组件模糊事件的逻辑
    }
  }
}
</script>

<!-- 子组件 ChildComponent.vue -->
<template>
  <input type="text" @blur="handleBlur" />
</template>

<script>
export default {
  methods: {
    handleBlur(event) {
      this.$emit('child-blur', event); // 触发一个自定义事件
    }
  }
}
</script>

<!-- 父组件 ParentComponent.vue -->
<template>
  <ChildComponent @child-blur="handleChildBlur" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleChildBlur(event) {
      console.log('子组件模糊事件被触发', event);
      // 在这里处理父组件接收到子组件模糊事件的逻辑
    }
  }
}
</script>