vue el-menu

山楂片
  • 358

图片描述

<el-menu :default-openeds="[0]" :default-active="$route.path" theme="light" unique-opened router>
                <div>
                    <div class="compamyTit_ebt"><img src="/static/img/companyTopPic_index_ebt.png"> <p>易报通</p></div>
                </div>
                <template v-for="(item,index) in $router.options.routes" v-if="!item.hidden">
                    <el-submenu :index="index" v-if="!item.leaf">
                      <template slot="title"><i :class="activeIcons" :style="item.iconCls"></i>{{item.name}}</template>
                      <el-menu-item v-for="(child,index) in item.children" :index="child.path">{{child.name}}</el-menu-item>
                 </el-submenu>
                 <el-menu-item v-if="item.leaf&&item.children.length>0" :index="item.children[0].path"><i :class="activeIcons" :style="item.iconCls"></i>{{item.children[0].name}}</el-menu-item>
                </template> 
           </el-menu>

为什么default-openeds 必须写在html上才能起作用,我这样:default-openeds="openNum"后,子菜单点击不会跳转了,而且也 不报错,我这样做的原因是我想在不同的页面让左侧公共导航菜单可以展开的父菜单是不一样的.

我的需求是当页面处于基础表格vue表格组件时 表格是展开的,而当页面处于表单下面的子菜单时 表单就变成了展开了,只能有一个菜单展开

回复
阅读 5.4k
1 个回答

我测试是可以展开的,我看的项目都没用到真个属性,楼主的目的没怎么看懂
clipboard.png

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