methods - vuejs中父组件传递给子组件的方法

Question

有人可以帮我在 vue.js 中将方法从父组件传递到子组件吗？我一直在尝试通过将方法作为 Prop 传递来做到这一点...

我的父组件片段:

methods: { 

    test: function () {
        console.log('from test method')
    }

}

<template>
    <child-component test="test"><child-component>
</template>

子组件片段

created: {
    this.test() //returns test is not a function
},

props: ['test']

有人可以帮忙吗？

提前致谢!

Answer 1

您正在尝试按照描述的方式将函数作为文字传递 here .你最终得到 test Prop 是字符串......你应该使用:指示动态绑定(bind)如下:

<child-component :test="test"><child-component>"