methods – 将方法从父组件传递到vuejs中的子组件

前端之家收集整理的这篇文章主要介绍了methods – 将方法从父组件传递到vuejs中的子组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人可以帮助我将方法从父级传递给vue.js中的子组件吗?我一直试图通过将方法作为一个道具来实现它…

我的父组件片段:

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']

有人可以帮忙吗?

提前致谢!

解决方法

您正尝试将函数作为文字传递,如 here所述.您最终将测试道具作为String …您应该使用:来指示动态绑定,如下所示:

< child-component:test =“test”>< child-component>“

猜你在找的JavaScript相关文章