4.搭建vue前端框架+vue后台整体布局-菜单导航
分类： ssm vue 专栏： 2天速成ssm+vue后台管理系统 标签： vue
2024-12-12 09:21:58 12浏览
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学习 