使用v-for渲染的菜单key值问题与默认选中问题 #242
Description
使用v-for 渲染菜单
<a-menu theme="dark" :defaultSelectedKeys="defaultKey" mode="inline">
<a-menu-item :key="item.key" v-for="item in menus" v-if="item.leaf">
<router-link :to="item.path" :data-keys="item.key">
<a-icon :type="item.meta.icon" />{{item.meta.title}}</router-link>
</a-menu-item>
<a-sub-menu :key="item.key" v-for="item in menus" v-if="!item.leaf">
<span slot="title">
<a-icon :type="item.meta.icon" /><span>{{item.name}}</span></span>
<a-menu-item :key="itm.Key" v-for="itm in item.children">
<router-link :to="itm.path">
{{itm.name}}
</router-link>
</a-menu-item>
</a-sub-menu>
</a-menu>
默认选中通过计算赋值到defaultKey；
在页面按f5刷新后，无法正确赋值二级菜单的默认选中
使用插件查看组件的默认key值
如上图，key为“vlist_2_1 ”模式而非上级菜单的形如“2”的字符串模式；
是否我想默认选中菜单的子菜单只能通过字符串组合成类似“vlist_2_1”的结构并且把对应的菜单的key赋值defaultOpenKeys默认展开？
建议：key为“1”与“1-1”格式