求教 ant-design-vue 组件问题

2020-12-22 11:59:16 +08:00
 phpxiaowangzi

如题,用了 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 就会有冲突,求教前端大佬如何解决

1792 次点击
所在节点    程序员
4 条回复
o0
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 值的问题

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/737794

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX