求教 ant-design-vue 组件问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 1952 days ago, the information mentioned may be changed or developed.

如题，用了 ant-design-vue 的 menu 组件，

<a-menu
:open-keys="openKeys"
@select="clickLeftNav"
mode="inline"
@openChange="onOpenChange"
>
<div v-for="menu in menus" :key="menu">
<a-sub-menu key="sub1">
<span slot="title"> {{ menu.name }} </span>
<div v-for="m in menu.children" :key="m">
<a-menu-item key="{{m.id}}">{{m.name}}</a-menu-item>
</div>
</a-sub-menu>
</div>
</a-menu>

然后报错 TypeError: Cannot read property 'propsData' of undefined 如果直接在<a-sub-menu></a-sub-menu>循环的话 key 就会有冲突,求教前端大佬如何解决

a-sub-menu

div

key

4 replies • 2020-12-22 16:04:15 +08:00

Dec 22, 2020

谷歌翻译：TypeError：无法读取未定义的属性“ propsData”

azcvcza

Dec 22, 2020

propsData 没传入？，key 有冲突建议检查数据，是不是全都是 undefined

lemonnTr

Dec 22, 2020

```
<a-sub-menu v-for="menu in menus" :key="menu.name">
<span slot="title"> {{ menu.name }} </span>
<a-menu-item v-for="m in menu.children" :key="m.id">{{m.name}}</a-menu-item>
</a-sub-menu>
```

查阅一下 v-for 中 key 的如何使用，而不是直接复制文档。

magicklinko1

Dec 22, 2020

应该是 key 值的问题