vue 父组件调用子组件的方法

父组件可以通过this.$refs调用子组件的方法

父级.vue

<template>
    <child ref='childCom' />
</template>

<script>
  import Child from '@/components/child.vue'
  export default {
    components: {
        Child
    },
    mounted () {
      this.getChildMethod();  // console.log('父组件可以通过this.$refs调用child的方法')
    },
    methods: {
        getChildMethod(){
          this.$refs.childCom.childFun() // 通过this.$refs调用子组件方法
        }
    }
  }
</script>

子级 child.vue

<template>
    <div>child 子组件页面</div>
</template>

<script>
  export default {
    methods: {
        childFun(){
          console.log('父组件可以通过this.$refs调用child的方法')
        }
    }
  }
</script>