求教 ant-design-vue 组件问题

V2EX = way to explore

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

现在注册

已注册用户请登录

这是一个创建于 1438 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题，用了 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 条回复 • 2020-12-22 16:04:15 +08:00

2020-12-22 13:40:01 +08:00

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

azcvcza

2020-12-22 14:04:38 +08:00

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

lemonnTr

2020-12-22 14:08:38 +08:00

```
<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

2020-12-22 16:04:15 +08:00

应该是 key 值的问题