路径: src\view\main\components\side-menu\side-menu.vue修改 <Menu></Menu> 标签内代码 ...
.预测效果图: 想要实现的效果 .实际实现的效果图: 不显示父亲菜单 .解决办法:设置alwaysShow: true,就可以保证只有一个子菜单的父级显示 ...
2021-03-02 14:51 0 287 推荐指数:
路径: src\view\main\components\side-menu\side-menu.vue修改 <Menu></Menu> 标签内代码 ...
父级菜单下有多个字菜单的父级都可以正常显示,只有父级下是一个子菜单的父级菜单不显示。所以断定是因为只有一个子菜单,父级隐藏不显示属性引起的。在处理从后台接口拿到的菜单数据时设置alwaysShow: true,就可以保证只有一个子菜单的父级显示,如下图: ...
我在使用 elment-ui 框架的导航组件时,直接粘贴复制了官网上 (http://element-ui.cn/#/zh-CN/component/menu)的例子不会出错,但是当我将他们转化为动态的时候,发现我点击其中的一个子菜单,其他的也会跟着展开或者折叠,如下: 呃~ 看看代码 ...
废话不多说,直接上代码 JS代码 data() { return { currentUrl:"设置默认的菜单index名称", } }, ...
vue 使用了element-ui的菜单组件, 这个组件的el-menu-item项上,有一个属性index,值是字符串类型, 在使用v-for的index时,它是一个数值型,所以如果直接写index,运行后,会在浏览器的控制台中报错误,虽然不影响运行, 修改成如下就不 ...
在element渲染多列item菜单栏的时候,如果要给这些菜单栏加上不同的跳转路由地址,有个index属性设置为true,就表示用index代替to来实现跳转,那配置项里的配置路由选项最好最好是写完整的路由路径(具体到根组件),不然超过三级路由的跳转,它就会乱套,识别不了父级路由,有时候给你自动 ...
说实话,写样式看似简单,其实有时候也会遇到很多坑。留下一笔,供参考(有点啰嗦,可以直接拖到最后看最后两行)。 这次是做一个PC端和移动端同时适用的项目,菜单的展示就成了一个问题。 于是我判断了用户设备(具体见本人的另一篇随笔:https://www.cnblogs.com/nuonuo-D ...