求教 ant-design-vue 组件问题

V2EX = way to explore

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

已注册用户请登录

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

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

如题，用了 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 值的问题