element-UI中NavMenu导航菜单默认打开问题

最近写一个网站导航栏，需求要每页打开时，默认导航栏的第一项展开，导航栏我用的是element-UI框架中的NavMenu，我看到以下两个参数，我就写上了

<el-menu default-active="1" default-openeds='["1-1"]'>....
<el-menu>

结果呢，确实每页导航栏的第一项都默认打开了，但是问题又出现了，导航栏一直保持打开状态，点击其它项没有反应，打不开，第一项也关不上，然后我就到处搜索，最后找到了解决方法

<el-menu :default-openeds='["0"]'>....
<el-menu>

就是这么简单，这个default-opends的值是el-submenu内的index属性值，你想默认打开谁，就写谁

element-UI中NavMenu导航菜单默认打开问题相关推荐

ElementUi中NavMenu 导航菜单router用法
问题引出写页面中遇到需要写NavMenu 导航菜单,作为菜鸟按照Element官方的NavMenu 导航菜单用法,传统式使用在data声明一个activeIndex作为跳转的首页,当我点击NavMe ...
【Element ui 的NavMenu二级菜单下拉icon修改】
Element ui 的NavMenu二级菜单下拉icon修改原来是这样的,下拉icon在右边修改成icon在左边,并更改icon的形状修改icon的css属性,覆盖原来的.需要注意的是取消打开 ...
element ui 菜单封装_vue+element UI实现多级导航菜单
1.前言在某次日常开发中,项目要求页面的导航菜单需要动态加载,即菜单不能在页面上写死,菜单上的数据由后端开发从数据库中获取返回给前端使用,前端拿到数据后再通过解析数据最终将菜单渲染出来.由于菜单有可 ...
Element UI学习4--NavMenu 导航菜单
1.顶栏导航菜单默认为垂直模式,通过mode属性可以使导航菜单变更为水平模式. 在菜单中通过submenu组件可以生成二级菜单. <tamplate> <div> <e ...
element UI 中 el-tree 树形菜单新增、删除操作
效果图: 标签代码部分: <el-treeclass="tree-css":data="treeList" :props="defaultPro ...
vue+elementUI项目中使用NavMenu导航菜单
vue+elementUI项目中使用NavMenu 导航菜单在elementUI官网组件中NavMenu 导航菜单的使用只是简单地运用,在实践项目中还需要配合路由配置.一般后台管理系统不只是导航菜单 ...
Element UI样式修改之NavMenu导航菜单
目录 Element UI样式修改之NavMenu导航菜单一.成果展示二.步骤三.完整代码 Element UI样式修改之NavMenu导航菜单一.成果展示 Element UI官网给出的例子 ...
使用element UI导航菜单默认展开选中子菜单
vue项目中使用的element UI导航菜单:官网例子导航菜单默认展开主要涉及的关键属性: default-active与default-openeds的主要区别: default-active可 ...
Element UI 左侧折叠导航栏配合el-asid文字闪烁的问题，element-UI 中beforeLeave用法，echarts 无法获取属性“getAttribute”的值
Element UI 左侧折叠导航栏配合el-asid文字闪烁的问题 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eayAJOoj-1600259160168)(C: ...

element-UI中NavMenu导航菜单默认打开问题

element-UI中NavMenu导航菜单默认打开问题相关推荐

最新文章

热门文章