使用Element-ui导航菜单的问题

最新推荐文章于 2024-05-22 18:11:34 发布
最新推荐文章于 2024-05-22 18:11:34 发布
阅读量672 收藏 1
点赞数 1
分类专栏： 项目问题 文章标签： html5 vue.js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wzj12345545646/article/details/120394384
版权

今天在使用Element-ui导航菜单时候，点击让菜单折叠时候

本来是这样，

折叠之后

 大家可以看出。折叠之后，有两个板块并不是和其他板块的颜色保持一致，而是出现的黄色，经过我仔细阅读Element-ui导航栏组件的API并未发现任何异常，但是我观察，没有在代码中加入Index属性的就会变成黄色

 所以最后通过加入Index属性从而使得板块颜色一致。

这是使用侧边栏导航组件时候发生的问题。虽然不是什么大问题，但是记录一下，

希望大家不喜勿喷，谢谢，祝大家步步高升

 

M-A-F
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Element-Ui组件 NavMenu 导航菜单的具体使用
10-16
NavMenu是Element-UI中的一个核心组件，用于创建导航菜单，可以支持水平和垂直两种模式，适用于各种类型的应用场景。 ### 基础用法 1. **水平导航菜单**： 在水平模式下，`el-menu`组件可以通过`:default-active`...
vue+element-ui运行后图标不显示（只显示成小方框的错误）
Andre_dong的博客
06-02 2080
看了一下网上大部分的做法，却没有一种能够解决我的问题 在苦苦钻研了几个小时后，问题终于解决了，解决方法如下： 在config文件里面的index.js文件当中，找到这个代码块，添加箭头所指的代码，注意加上那个小点。 问题解决 ...
vue使用elementUI的折叠表格只出现父级，没有子菜单，另附树形菜单递归写法
weixin_42260782的博客
07-26 1663
再创建递归方法getDeptChirld此方法的返回值为部门信息SysDept，初始化一级部门的子节点Children，遍历所有部门信息，当前部门的父级id等于一级部门的id，则当前部门属于父级部门的子级，判断当前节点的子节点是否为空，为空就初始化子节点，再调用本身，把子节点和所有数据传入，再走一遍，查看该节点是否还在有子节点，把查出来的子节点添加到当前节点sysDept。...
【Element入门】5、Element UI 导航组件详解
最新发布
weixin_52938153的博客
05-22 627
Element UI 是一款基于 Vue.js 的高效、简洁的前端组件库，专为开发者和设计师提供丰富的 UI 组件。它不仅易于上手，还具备高度的可定制性，能够满足多样化的项目需求。通过使用 Element UI，开发者可以快速构建高质量的现代 Web 应用，实现优雅且一致的用户界面，从而显著提升开发效率和用户体验。本系列文章深入探讨了 Element UI 的各项功能及最佳实践，帮助你在实际项目中更好地应用和优化这一强大的工具。
关于element-ui 导航菜单的一个小坑
05-07 212
1.报错提示 2. 解决方法
关于vue+element ui 中的导航菜单问题
JackFontDep的博客
07-10 1562
关于vue+element ui 中的导航菜单问题 最近公司要开发一个vue项目，自己搭框架的时候用到了element，目标是实现一个顶部菜单以及侧边菜单栏 。 直接上代码。 <template> <div class="layout-container"> <common-header></common-header> <...
vue使用elementui -- 举例：vue中使用elementui一级菜单名称不显示问题
Gyezi的博客
08-10 369
vue使用elementui -- 举例：vue中使用elementui一级菜单名称不显示问题
element-ui使用导航栏跳转路由的用法详解
12-29
最近初学vue，试着做一个小项目熟悉语法与思想，其中使用elemen-ui的导航栏做路由跳转切换页面。下面记录一下学习过程 element-ui引入vue项目的用法参考element官网 首先复制官网的例子，在这基础上再修改成我们想要...
element-ui 实现响应式导航栏的示例代码
10-15
在本文中，我们将深入探讨如何使用Element UI框架实现响应式导航栏。Element UI 是一个基于 Vue.js 的组件库，提供了丰富的UI元素，用于快速构建美观的前端界面。然而，它默认并不提供传统的顶部导航栏组件，因此...
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
10-16
`el-menu`是Element-UI中用于创建导航菜单的组件，它支持多种布局和交互方式。在实现刷新页面后保持选中状态，我们需要考虑以下几个关键点： 1. **`default-active`属性**：这个属性用于设置默认激活的菜单项，它的...
vue+element-ui使用
01-06
Element UI 是一套基于 Vue.js 的组件库，它提供了丰富的UI组件，如表格、按钮、提示、下拉菜单等，适用于构建企业级的后台管理系统。Element UI 的设计风格简洁且具有较高的可用性，使得开发者可以快速地搭建出美观...
解决 elementUi 侧边栏折叠后图标不显示或者文字不消失问题
DDDHL_的博客
03-01 8637
elementUi 侧边栏折叠后图标不显示或者文字不消失问题
element-ui图标不显示问题(已解决）
sagiiiii的博客
03-03 8038
方法1：在package.json中修改element-UI版本号 方法二：(如果经方法一还是不能显示图标) main.js里面统一注册icon // 统一导入el-icon图标 import * as ElIconModules from '@element-plus/icons' // 统一注册el-icon图标 for(let iconName in ElIconModules){ app.component(iconName,ElIconModules[iconName]) } 方法三
elementUI侧边栏折叠后图标不显示文字不隐藏问题
luback的博客
06-02 1250
标签中的的图标和标题，不要。只需要注意两个细节地方。下的图标和标题，不要。
vue后台项目左侧菜单栏配合element-ui中tag标签实现多标签页导航栏
xcjhxh的博客
03-02 3896
vue后台项目左侧菜单栏配合element-ui中tag标签实现多标签页导航栏！
Vue笔记_05（嵌套路由，一级菜单实现）
weixin_53402317的博客
10-16 1691
vue笔记，嵌套路由，一级菜单实现
element ui 存在子菜单时如何点击父菜单并跳转
qq_43828749的博客
02-26 2701
解决父级菜单不能进行路由跳转问题
ElementUI之首页导航&左侧菜单
theHider的博客
07-27 1182
部分代码实现如下：</</</
element-ui NavMenu 导航菜单 垂直菜单，可内嵌子菜单 使用
王燕欣的博客
07-22 1852
必要环境为 vue + vue-router +element 此文件只是左侧菜单组件，需要更多功能请参考element-ui 官网的 NavMenu 导航菜单 LeftAsideNav.vue 文件 <template> <div class="ku-aside-assembly"> <div class="ku-menu-lsit"> <el-menu :default-active="NavigationDefaul
element-ui使用导航菜单
09-23
element-ui使用导航菜单的方法是通过使用菜单组件实现的。在代码中，我们可以看到使用了element-ui的Menu组件来创建导航菜单。 具体的使用方法如下： 1. 首先，导入element-ui的Menu组件：import { Menu } from '...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值