我已经使用props定义了自定义组件。当我使用这个组件时,我需要动态绑定这些道具的值
在自定义组件的模板中,我定义了这样的元素:
<template>
...
<div class="input-group-addon" v-show="currency">{{ currency }}</div>
...
</template>
及其支柱:
export default {
...
props: {
currency: {
type: String
}
}
...
}
组件在另一个组件中的用法:
组件的模板
<custom-component currency="calculateCurrency" ></custom-component>
组件代码
export default {
components: {custom-component},
data: () => ({
myProject: null // this is used as v-model in combo box
}),
computed: {
calculateCurrency: function() {
return myProject.currency; // currency is getter in object myProject
}
}
}
我也尝试过使用
suffix=calculateCurrency
没有引号但没有帮助。你可以帮我解决一下吗?感谢
答案 0 :(得分:0)
我相信你在绑定属性上缺少一个冒号:
<custom-component :currency="calculateCurrency" ></custom-component>
在“货币”之前添加将允许数据绑定