<a-menu :default-selected-keys="['1']" :default-open-keys="['sub1']" mode="inline" theme="light" :inline-collapsed="collapsed" > <SubMenu :menuList="menuList"></SubMenu> </a-menu>

根据你提供的代码，似乎你在使用 `<a-sub-menu>` 组件时遇到了问题。为了解决这个问题，你可以将 `<a-sub-menu>` 组件的 `menuList` 属性传递给子组件，然后在子组件中使用该属性来渲染子菜单项。

首先，在父组件中修改代码如下：

<a-menu
  :default-selected-keys="['1']"
  :default-open-keys="['sub1']"
  mode="inline"
  theme="light"
  :inline-collapsed="collapsed"
>
  <sub-menu :menuList="menuList"></sub-menu>
</a-menu>

然后，在子组件中，你可以接收 `menuList` 属性并使用它来渲染子菜单项，示例代码如下：

<template>
  <a-sub-menu v-for="item in menuList" :key="item.key" :title="item.title">
    <!-- 子菜单项的内容 -->
    <a-menu-item :key="item.key">{{ item.title }}</a-menu-item>
  </a-sub-menu>
</template>

<script>
export default {
  props: ['menuList']
}
</script>

这样，你就可以在子组件中正确地使用 `<a-sub-menu>` 组件，并根据传递的 `menuList` 属性来渲染子菜单项。

希望这个解决方案能够帮助你解决问题！如果还有其他疑问，请随时提问。