1.在src/views路径下新建一个文件夹
2.将所要展示的页面内容写进去
3.在与src目录下的main-sidebar.vue将路由写进去 如下:
<!--<template slot="title">-->
<!--<icon-svg name="shoucang" class="site-sidebar__menu-icon"></icon-svg>-->
<!--<span>党组织和党员管理</span>-->
<!--</template>-->
<!--<el-menu-item index="5-1" @click="$router.push({ name: 'test' })">-->
<!--<icon-svg name="xiangqufill" class="site-sidebar__menu-icon"></icon-svg>-->
<!--<span slot="title">党员组织关系管理</span>-->
<!--</el-menu-item>-->
<!--<el-menu-item index="5-2" @click="$router.push({ name: 'test' })">-->
<!--<icon-svg name="xiangqufill" class="site-sidebar__menu-icon"></icon-svg>-->
<!--<span slot="title">管理发展党员</span>-->
<!--</el-menu-item>-->
<!--</el-submenu>-->
(其中每一个模块都有一个index="5"区分,icon-svg name="xiangqufill"是一个图标显示的)
4.然后在在src下的router下的index.js中进行绑定 代码如下:
{
path: ‘/test’,//这个是随便的命名
component: _import(‘test/test’),//这个对应的是文件夹下的路径
name: ‘test’,
meta: {title: ‘test’, isTab: true}
},
附录:
config目录下的index.js可以进行api接口请求地址的配置