iview-admin 菜单只有一个子菜单时，父级菜单不显示问题

最新推荐文章于 2022-10-25 11:12:42 发布
最新推荐文章于 2022-10-25 11:12:42 发布
阅读量714 收藏 1
点赞数
分类专栏： iview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39457424/article/details/109044039
版权

菜单只有一个子菜单时，父级菜单不显示问题

src/components/main/components/side-menu/mixin.js

只要修改mixin.js中 showChildren()中的判断条件

 showChildren (item) {
      return item.children && (item.children.length > 1 || (item.meta && item.meta.showAlways))
    },

item.children.length > 1 改为 item.children.length > 0
zhangyiyy
关注
专栏目录
iview-admin左侧菜单只有一个子菜单时，父级菜单不显示的问题
龘
07-13 383
//默认地址，根据这个地址找到这个js文件 src/components/main/components/side-menu/mixin.js 只要修改mixin.js中showChildren()中的判断条件就可以了 showChildren (item) { // 1（默认）改为0即可 return item.children && (item.children.length > 1 || (item.meta && ite
Vue iview-admin框架二级菜单改为三级菜单的方法
08-27
Vue iview-admin框架二级菜单改为三级菜单的方法 在 Vue iview-admin 框架中，默认情况下，左侧导航栏最多支持到二级菜单。但是在实际应用中，我们经常需要三级菜单来满足业务需求。为了实现三级菜单，我们需要修改...
iview-admin二级目录只有一个时变成一级目录解决方法
Songlinlin_的博客
04-04 2374
一开始我以为是获取菜单时过滤了，检查过util.js的getMenuByRouter方法发现返回的数组没毛病 然后开始找显示目录的文件，果然是显示时过滤的 然后对side-menu.vue文件修改 然后看页面，目录展开时，成功 目录隐藏，鼠标悬浮在目录上，成功 ...
vue怎么嵌套多级路由页面打不开_Vue-router 如何在嵌套路由的同时做多级菜单？...
weixin_29526539的博客
01-12 447
最近也碰到了这个问题,研究了一下,发现解决方法是这样子的:假设有个路由如下:{path: '/example',component: Example,children: [{ path: 'index',component: Index,children:[{path: 'submenu1',name: 'Form',component: Index,},{path: 'submenu2',nam...
多层级路由，使用同一个router-view,配合动态菜单使用
weixin_48314721的博客
03-16 1090
多层级路由，使用同一个router-view import util from './util'; export default function routeReplaceSelf (component) { return { // name 唯一 这里使用了guid name: `self${util.getGuid()}Component`, computed: { showChild () { const deepestMatchedRoute
iview-admin登录完整代码附后台代码
12-12
总结来说，"iview-admin登录完整代码附后台代码"是一个综合性的项目，它涵盖了基于iview-admin的前端登录页面实现，Token认证机制，登录失败提示，用户信息获取，以及Token过期处理等功能。同时，它还提供后台代码，...
iview-admin
08-16
iview-admin 好多人在 GitHub 下不下来，这块提供下载包
ant design vue中menu组件递归渲染报错解决
牛先森家的博客
06-28 2060
ant design vue中menu组件递归渲染报错解决
Vue3中动态渲染菜单栏（TS）
~
08-09 4995
。需求：左侧的菜单栏渲染数据从路由文件中获取并组织成我们想要的数据格式。此代码只适用一级菜单，多级菜单也是这个思路组织好数据然后再渲染。路由：router》index.ts。
vue:动态菜单只有一个子菜单时父级菜单不显示问题
tomorrownan的博客
10-29 8347
使用vue-admin-template后台管理模板的项目中使用了动态路由，就是显示后端接口返回的路由。第二次遇到父级菜单不显示的问题，第一次解决的方法没有记录，便又思考了一会。这里记录下。 父级菜单下有多个字菜单的父级都可以正常显示，只有父级下是一个子菜单的父级菜单不显示。所以断定是因为只有一个子菜单，父级隐藏不显示属性引起的。在处理从后台接口拿到的菜单数据时设置alwaysShow: true...
element-ui的Tree树组件使用技巧
鹏多多的博客
09-24 2192
目录1，前言2，需求3，解决思路4，完整代码5，总结 1，前言 最近这段时间在做一个新的模块，其中有一个三层的树结构，产品经理提出了一个很古怪的需求，整的我只能自己控制树的交互，写完之后，感觉对这个组件的用法有了不一样的了解，故而写下来。 2，需求 如果上级节点勾选了，则底下所有节点也勾选 如果是一个个勾选子级节点，直至勾选满所有子级，则该父级节点不能勾选，只能算选中状态 已勾选的节点不能展开，如果是展开了再勾选的，要自动收缩回去 遇见问题： 问题1：后端数据不友好，无唯一key值（有重复key），
js递归处理树数据 干掉chiidren为空的 children属性
qq_21134585的博客
04-13 1346
lettreeData=[ name:"张三"， level:"爷爷", children:[ name:"张5"， level:"爸爸", children:[ name:"张6"， level:"宝宝", children:[] ] ...
vue-element-admin 菜单栏 三级目录生成无法展示问题
09-16 2663
子菜单父级要带<router-view /> 这样 vuex才有容器去展示 子菜单的内容 index.vue: <!-- 父级路由组件 --> <template> <div> <!-- xxx html 内容 --> <router-view /> </div> </template> https://panjiachen.github.io/vue-element-
Vue 在开发中使用Element框架中的tree组件，配置菜单权限在左侧导航菜单显示，点击子节点菜单时无法获取父节点的id，只有其子节点的和上级菜单的id数组
最新发布
龘
10-25 759
【代码】Vue 在开发中使用Element框架中的tree组件，配置菜单权限在左侧导航菜单显示，点击子节点菜单时无法获取父节点的id，只有其子节点的和上级菜单的id数组。
vue:路由嵌套时只有一个子路由时父级路由不显示问题
zhang79513的博客
07-20 3353
vue:路由嵌套时只有一个子路由时父级路由不显示问题 我是在使用vue-admin-beautiful后台管理模板的项目中，在路由中使用权限控制路由（菜单）的显示。 父级路由（菜单）下有多个子路由（菜单）的父级都可以正常显示，只有父级下是一个子路由（菜单）的父级路由（菜单）不显示。因为只有一个子路由（菜单），是由父级隐藏不显示属性引起的。在父级设置alwaysShow: true，就可以保证在权限只有一个子菜单的父级显示。如下图： ...
vue3.0首页左侧菜单不显示， ＜template＞ ＜el-menu-item :index=“item.index“ :key=“item.index“＞
weixin_43267086的博客
07-20 2431
这样写首页的菜单栏不显示， 删掉 菜单显示出来，, but这边又报错了，一直提示我<template v-for>` key should be placed on the `<template>` tag，道理我也懂，加template标签bug更大 改成就O了。 小白一枚，就是记录一下踩过的坑，如果你也遇到同样的bug，希望能给你一些参考，当然希望你也不要遇到（哈哈哈） ...
vue-element-admin 跳转详情页，添加面包屑，侧边栏不显示
曳猫的博客
08-03 2575
侧边栏无显示，添加面包屑。
vue element 侧边栏子菜单全部显示
半梅芒果干的博客
04-25 778
参考文档：https://element.eleme.cn/#/zh-CN/component/menu default-openeds：把需要展开的放到数组中
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值