从零开始的vue后台管理系统学习--添加左侧导航

VUE后台管理系统(vue-element-admin)左侧默认已经有了很多菜单,但是页面布局是看需求的,懵逼了好久才找到了添加菜单的顺序,添加了一个基础数据模块,默认一级菜单文档,引导页和其他。还有若干二级菜单

我们先找到语言的配置文件,添加导航

1我们做的是中文版的,找到zh.js文件,在route里面添加对应的菜单名称,

basicdata:"基础数据",

usermanage:"用户管理",

customermanage:"客户管理"

2.修改路由

    找到router文件夹下modules文件夹,添加basicdata.js文件,定义导航内容和链接地址



修改router下的index.js(router.js)文件,导入basicdate.js文件

   import basicdataRouter from './modules/basicdata'


将basicdata.js放在modules下

3.在views文件下添加导航文件,customerManage.vue和userManage.vue



运行,结束
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容