前端 vue2父组件调用子组件的函数方法 不用ref的方法

在Vue2中，父组件可以通过$children属性来访问子组件，从而调用子组件的方法。具体步骤如下：

1.在子组件中定义一个唯一的标识符，例如name属性。

2.在父组件中通过$children属性获取子组件实例，然后通过子组件的name属性来判断获取到的子组件是否是需要的子组件。

3.如果获取到了需要的子组件实例，就可以直接调用子组件的方法。

下面是一个示例代码：

<!-- 子组件 -->
<template>
  <div>
    <button @click="sayHello">Say Hello</button>
  </div>
</template>

<script>
export default {
  name: 'ChildComponent',
  methods: {
    sayHello() {
      console.log('Hello from child component!')
    }
  }
}
</script>

<!-- 父组件 -->
<template>
  <div>
    <ChildComponent></ChildComponent>
    <button @click="callChildMethod">Call Child Method</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      // 获取子组件实例
      const childComponent = this.$children.find(child => child.$options.name === 'ChildComponent')
      if (childComponent) {
        // 调用子组件的方法
        childComponent.sayHello()
      }
    }
  }
}
</script>