iview Submenu 多级嵌套 如何展开指定的子菜单

问题描述

使用iview 做后台,iview Menu左侧导航栏3级菜单,可以【选中】指定的菜单,但是无法【展开】展开指定的子菜单,因为这是3级路由嵌套

问题出现的环境背景及自己尝试过哪些方法

1.无法展开指定的2级菜单
clipboard.png

2.可以选中指定的2级菜单,但是他的上级是无法展开的,非要手动才行
clipboard.png

相关代码

<Menu  theme="light" width="auto" :active-name="active" :open-names="open"   ref="side_menu" accordion>
  <Submenu  :name="item.name" v-for="(item, index) in routers" :key='index'>
      <template slot="title">
          <Icon type="ios-folder" />
          {{item.title}}
      </template>
      <Submenu :name="item1.name"   v-for="(item1, index1) in item.children" :key='item1.id'>
          <template slot="title"><Icon type="ios-bookmark" />{{item1.title}}</template>
          <MenuItem :to="'/Page_WX_Set/' + item2.name "  :name="item2.name"   v-for="(item2, index1) in item1.children" :key='item2.id'>{{item2.title}}</MenuItem>
      </Submenu>
  </Submenu>
</Menu>

你期待的结果是什么?实际看到的错误信息又是什么?

既可以展开指定的2级菜单,也可以选中指定的3级菜单

阅读 4.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题