Vue使用v-for中的不同参数列表渲染动态组件

时间:2018-10-27 08:10:39

标签: vue.js vuejs2 vue-component

假设我有3个组件,分别为 Menu MenuItem 分隔符菜单可以包含 MenuItems 分隔符 MenuItem 有两个道具:标签动作分隔符没有参数。因此,菜单的基本代码如下:

<component v-for="ch in children" :is="ch.component" :label="ch.label" action="ch.action"></component>

很明显,我真的不需要为分隔符组件传递prop值。如果将来我需要添加其他菜单项类型怎么办?例如, CheckboxMenuItem 。在这种情况下,我需要将所有可能的参数传递给组件。这种方法对我来说看起来很混乱。

还有其他方法可以创建这种功能吗?

0 个答案:

没有答案