1.动态获取Menu的Submenu与MenuItem,结果设置open-names无效果,数据固定的就可以。
2.代码
<Menu theme="dark" :open-names="open" @on-select="toSelect" ref="leftMenu">
<Submenu :name="key+1" class="test" v-for="(item,key) in list[0].children" :key="key">
<template slot="title">
<img src="../../assets/images/fundIcon.png" class="fundIcon"/>
{{item.title}}
</template>
<MenuItem :name="items.id" :to="items.url" :key="index" v-for="
(items,index) in item.children">
{{items.title}
</MenuItem>
</Submenu>
</Menu>
export default {
name: 'fund',
data(){
return{
list: [],
open: [],
}
},
mounted(){
this.open = ["1"];
this.$nextTick(()=> {
this.$refs.leftMenu.updateOpened();
});
},
3.active-name
没有问题,可以高亮。看过相关问题,并没有效果~问题有点急,有空帮忙看看,不胜感激!