Vue父组件调用子组件的方法(亲测可用)

1.子组件使用ref,父组件直接调用(推荐)

  

 <child ref="mychild"></child>

 this.$refs.mychild.childMethod("嘿嘿嘿");

2.子组件注册监听事件,父组件调用$emit触发

    this.$refs.mychild.$emit('childMethod','嘿嘿嘿') // 方法1:触发监听事件



    //子组件注册监听事件

    this.$on('childMethod', (res) => {

        console.log('方法1:触发监听事件监听成功')

        console.log(res)

    })

原理:

vm.$on( event, callback )：监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。

vm.$emit( event, […args] )：触发当前实例上的事件。附加参数都会传给监听器回调。

父组件中：