V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
phpxiaowangzi
V2EX  ›  程序员

求教 ant-design-vue 组件问题

  •  
  •   phpxiaowangzi · 2020-12-22 11:59:16 +08:00 · 1531 次点击
    这是一个创建于 1193 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    4 条回复    2020-12-22 16:04:15 +08:00
    o0
        1
    o0  
       2020-12-22 13:40:01 +08:00
    谷歌翻译:TypeError:无法读取未定义的属性“ propsData”
    azcvcza
        2
    azcvcza  
       2020-12-22 14:04:38 +08:00
    propsData 没传入?,key 有冲突建议检查数据,是不是全都是 undefined
    lemonnTr
        3
    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
        4
    magicklinko1  
       2020-12-22 16:04:15 +08:00
    应该是 key 值的问题
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5836 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 06:19 · PVG 14:19 · LAX 23:19 · JFK 02:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.