vue点击事件子传父

在Vue中，要实现子组件向父组件传递点击事件，可以通过自定义事件来实现。以下是一个简单的示例：

首先，在子组件中，使用`$emit`方法触发自定义事件，并传递需要传递的数据。例如：

<template>
  <button @click="emitEvent">点击我触发事件</button>
</template>

<script>
export default {
  methods: {
    emitEvent() {
      this.$emit('custom-event', data);
    }
  }
}
</script>

在父组件中，通过在子组件的标签上使用`v-on`指令来监听子组件触发的自定义事件，并执行相应的方法。例如：

<template>
  <div>
    <child-component @custom-event="handleEvent"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleEvent(data) {
      // 处理子组件传递过来的数据
      console.log('子组件传递过来的数据:', data);
    }
  }
}
</script>

这样，当子组件中的按钮被点击时，会触发自定义事件并将数据传递给父组件，父组件就可以通过相应的方法来处理这些数据了。