从零开始的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



运行,结束

你可能感兴趣的:(从零开始的vue后台管理系统学习--添加左侧导航)