Vue.js Vuejs动态更改组件元素值

Vue.js Vuejs动态更改组件元素值,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我在其他两个组件a、B之间有一个共同的组件。此共享组件有一个按钮,其名称根据我使用的组件而变化。如何设置名称动态? 我认为v型解决了这个问题 我错过了什么 App.vue: sharedComp.vue: {{btnValue}} 导出默认值{ 数据(){ 返回{ btn值:“”, }; }, }; CompA.vue 从“/SharedComp.vue”导入SharedComp; 导出默认值{ 组件:{SharedComp}, }; CompB.vue 从“/SharedComp

我在其他两个组件a、B之间有一个共同的组件。此共享组件有一个按钮,其名称根据我使用的组件而变化。如何设置名称动态? 我认为v型解决了这个问题 我错过了什么

App.vue:


sharedComp.vue:


{{btnValue}}
导出默认值{
数据(){
返回{
btn值:“”,
};
},
};
CompA.vue


从“/SharedComp.vue”导入SharedComp;
导出默认值{
组件:{SharedComp},
};
CompB.vue


从“/SharedComp.vue”导入SharedComp;
导出默认值{
组件:{SharedComp},
};

您必须在“sharedComp”中定义传递给组件的属性

尝试以下方法:


{{value}}
导出默认值{
道具:['value'],
};

有关Vue中道具的更多信息,请查看文档页面:

您必须在“sharedComp”中定义传递给组件的属性

尝试以下方法:


{{value}}
导出默认值{
道具:['value'],
};
有关Vue中道具的更多信息,请查看文档页面:

,tnx!添加:道具:[“值”],BTN值:此.value,,tnx!添加:道具:[“值”],BTN值:this.value,