有没有办法将方法的返回值作为 prop 传递给 Vue 组件？

Question

我有一个 Vue.js 组件（名为），它接受一个道具（名为 'input'）；我正在尝试传递在父组件中定义的方法（名为 'normalizeInput'）的返回值：

模板：

<div v-for="input in inputList" :key="input.id">
    <dynamic-input :input="normalizeInput(input)" />
</div>

脚本：

methods: {
    normalizeInput(input) {
        //do something with input
        return normalizedInput;
    }
}

显然这行不通；有没有办法做到这一点？我做错了什么吗？

我正在使用 nuxt v2.15.7

Answer 1

您必须使用一个计算属性，returns 一个以输入作为参数的函数：

computed: {
    normalizeInput() {
        
        return (input) =>{
            return normalizedInput;
           } 
    }
}

Is there a way to pass the returning value of a method as a prop to a Vue component?