vue2父组件调用子组件含参函数

在 Vue 2 中，父组件可以通过 props 属性向子组件传递参数。当父组件调用子组件时，可以传递一个含参函数作为 props，并在子组件中调用该函数。

下面是一个示例，展示了父组件如何调用子组件中的含参函数：

<template>
  <div>
    <ChildComponent :myFunction="myFunction" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    myFunction(param) {
      console.log('父组件调用子组件的含参函数', param);
    }
  }
};
</script>

在上面的示例中，父组件通过 `<ChildComponent :myFunction="myFunction" />` 的方式将 `myFunction` 函数作为 `myFunction` 的值传递给子组件。

然后，在子组件中可以通过 props 接收并调用这个函数：

<template>
  <div>
    <button @click="callParentFunction">调用父组件函数</button>
  </div>
</template>

<script>
export default {
  props: ['myFunction'],
  methods: {
    callParentFunction() {
      this.myFunction('参数');
    }
  }
};
</script>

在子组件中，我们使用 `props: ['myFunction']` 声明了一个名为 `myFunction` 的 prop。然后，在 `callParentFunction` 方法中调用 `this.myFunction('参数')`，这样就会触发父组件中传递的函数，并且可以传递参数。

当点击子组件中的按钮时，会调用父组件中的含参函数，并将参数传递给它。

希望这个示例对你有所帮助！