在 Vue 2 中，实现子组件按钮点击事件只有在父组件绑定时才执行

在 Vue 2 中，如果想让子组件的按钮点击事件只在父组件中触发，通常需要通过 props (属性)将方法传递给子组件，并且在父组件内部控制这个方法的执行。以下是基本步骤：

1. **定义父组件的事件处理函数**：
父组件内创建一个事件处理器函数，比如 `handleButtonClick`。

methods: {
  handleButtonClick() {
    // 执行你需要的操作
  }
}

2. **将该函数作为 prop 传递给子组件**：
在模板中，将 `handleButtonClick` 函数作为 prop 绑定到子组件上。

<template>
  <button @click="childComponentMethod"></button>
  <!-- 子组件 -->
  <child-component :on-click="handleButtonClick"></child-component>
</template>

<script>
export default {
  components: {
    ChildComponent
  },
  methods: {
    childComponentMethod() {
      this.handleButtonClick();
    }
  }
};
</script>

在这个例子中，当子组件的按钮被点击时，实际上会触发的是父组件的 `handleButtonClick`，因为 `childComponentMethod` 调用了它。