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

    技术2022-07-11  74

    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] ):触发当前实例上的事件。附加参数都会传给监听器回调。

    父组件中:

    Processed: 0.009, SQL: 9