有没有办法将组件（同时设置其属性）v-bind 作为另一个组件的属性，如下所示

Question

<MyParentComponent :component-prop="MyChildComponent.ChildComponentProp.value = 'xyz'">

这就是我想要达到的目标。我想为 MyParentComponent 提供一个子组件作为 prop。

但是我还知道在 MyParentComponent 使用子组件之前要定义它的 props。

我通读了 Stack 上的文档和其他问题，但没有解决。

Answer 1

您可以将

component-prop

定义为具有以下结构的对象：

<parent-component :component-prop="{
  component: ChildComponent,
  props: ChildComponentProps
}" />

然后在父组件中将 props 绑定到传递的组件：

<component :is="componentProp.component" v-bind="componentProp.props" />