9.vue后台整体布局-登录页和菜单导航主页
分类： vue 专栏： 【带小白做项目】SpringBoot+Vue后台管理系统 标签： vue导航
2024-12-01 16:59:36 39浏览
登录页和菜单导航主页
https://element.eleme.cn/#/zh-CN/component/installation
预期效果
登录页
采用 el-dialog 弹框组件实现
配置路由
这个很简单，直接在 router 下的 index.js 模仿修改即可
主页
elementUI 官网。
选择布局容器组件
复制这个实例代码改就行,让其变成一个布局公共组件。layout.vue 名字可以起成别的。
配置路由
修改router\index.js
修改布局公共组件代码
1、从elementui中复制navMenu的相关代码到layout.vue，根据实际项目修改菜单代码，
2、在<el-menu 上添加属性router，开启路由功能
3、修改< el-menu-item的index，值为路由文件中定义的path
重点注意一下 app.vue
好博客就要一起分享哦！分享海报
此处可发布评论
评论（0）展开评论
暂无评论，快来写一下吧
展开评论
他的专栏
新业务 
springboot学习 
ssm框架课 
vue学习 他感兴趣的技术
