往期

从0到1完成一个Vue后台管理项目（一、创建项目）

从0到1完成一个Vue后台管理项目（二、使用element-ui）

从0到1完成一个Vue后台管理项目（三、使用SCSS/LESS，安装图标库）

从0到1完成一个Vue后台管理项目（四、引入axios、配置路由）

从0到1完成一个Vue后台管理项目（五、登录页（表单校验的使用和封装））

从0到1完成一个Vue后台管理项目（五、登录页，mock，token，axios封装）

从0到1完成一个Vue后台管理项目（六、404页）

从0到1完成一个Vue后台管理项目（七、Header、Footer、页面布局）

从0到1完成一个Vue后台管理项目（八、Menu改造完善、子组件创建、配置路由）

使用面包屑

我们想给我们的导航加一个面包屑的效果

在common下建立Breadcrumb.vue

Home页使用

面包屑改造

遇到的bug

点击菜单选项，所有子菜单全展开
原因以及解决方法

这是由子菜单项的index属性引起的，但我们为每个子菜单项的index属性添加相同的值时就会出现这种情况。所以为每个子菜单项添加不同的index属性值就可解决

调整Home样式

完成

从0到1完成一个Vue后台管理项目（九、引入Breadcrumb面包屑，更改bug）相关推荐

搭建Vue后台管理项目
从0开始快速搭建一个后台管理系统,搭建好之后就是下面这种形式安装node环境:下载地址:Node.js 安装脚手架:npm install -g @vue/cli 创建vue项目:vue creat ...
一个基于 Go+Vue 实现的 openLDAP 后台管理项目
[公众号回复 "1024",免费领取程序员赚钱实操经验] 大家好,我是章鱼猫. 今天给大家推荐的这个开源你项目来自于读者的投稿.还挺不错的,分享给大家. 这个开源项目是基于Go+ ...
vue后台管理知识点、难点总结01
vue后台管理知识点.难点总结 1.upload时,png格式的不能上传????(不对) 2 js中的项目应用什么时候用async和await 3 添加或者编辑的时候报错:Error in v-on ...
为element ui+Vue搭建的后台管理项目添加图标
问题:使用element UI 及Vue 2.0搭建一个后台管理项目,想要在页面中为其添加对勾及叉的图标. 解决方案:问题涉及到为页面添加图标.有两种解决方案. (1)Element官网提供了Icon ...
vue考试系统后台管理项目-登录、记住密码功能
考试系统后台管理项目介绍: 技术选型:Vue2.0+Elemenu-ui 项目功能介绍: 账户信息模块:菜单权限.角色权限设置.角色权限分配.账号设置.公司分组考试管理模块:新增/编辑/删除考试试题 ...
带工作流的springboot后台管理项目，一个企业级快速开发解决方案
后台管理类项目项目名称: JeeSite 项目介绍: 这是个典型的SSM后台管理项目(不是有很多小伙伴让推荐SSM项目练手嘛),基于经典技术组合(Spring MVC.Shiro.MyBatis.B ...
vue考试系统后台管理项目-接口封装调用
上一篇文章 : vue考试系统后台管理项目-登录.记住密码功能_船长在船上的博客-CSDN博客考试系统后台管理项目介绍: 技术选型:Vue2.0+Element-ui 项目功能介绍: 账户信息模块: ...
vue后台系统管理项目-角色权限分配管理功能
vue后台系统管理项目: 技术选型:vue + element-ui 菜单权限管理模块功能角色列表查询,通过(角色名称:角色编号:状态:启用.禁用)进行角色数据搜索. 查询.重置.新建角色功能角色 ...
vue后台系统管理项目-菜单权限管理功能
vue后台系统管理项目: 技术选型:vue + element-ui 菜单权限管理模块功能菜单列表查询,通过(菜单名称:类型分为:全部.一级菜单.二级菜单:状态:启用.禁用)进行数据搜索. 查询.重 ...

从0到1完成一个Vue后台管理项目（九、引入Breadcrumb面包屑，更改bug）

往期

使用面包屑

面包屑改造

遇到的bug

调整Home样式

从0到1完成一个Vue后台管理项目（九、引入Breadcrumb面包屑，更改bug）相关推荐

最新文章

热门文章