假设我有3个组件,分别为 Menu , MenuItem 和分隔符。 菜单可以包含 MenuItems 和分隔符。 MenuItem 有两个道具:标签和动作。 分隔符没有参数。因此,菜单的基本代码如下:
<component v-for="ch in children" :is="ch.component" :label="ch.label" action="ch.action"></component>
很明显,我真的不需要为分隔符组件传递prop值。如果将来我需要添加其他菜单项类型怎么办?例如, CheckboxMenuItem 。在这种情况下,我需要将所有可能的参数传递给组件。这种方法对我来说看起来很混乱。
还有其他方法可以创建这种功能吗?