vue + elementUI导航组件NavMenu + vue-router实现点击在新的选项卡打开界面

审核出入库单

管理材料板信息

查看操作日志

路由配置文件（router文件夹下index.js）源码如下：

import Vue from ‘vue’

import Router from ‘vue-router’

import Login from ‘…/components/Login’

import Index from ‘…/components/Index’

Vue.use(Router)

export default new Router({

// mode: ‘history’,

routes: [

// 定义的初始路由路径

{

path: ‘/’,

name: ‘Login’,

component: Login,

meta: {title: ‘登录’}

},

{

path: ‘/Index’,

name: ‘Index’,

component: Index,

meta: {title: ‘主页’},

children: [

{

path: ‘/New’,

component: resolve => require([‘…/components/new/New.vue’], resolve),

meta: {title: ‘新建__出入库单’}

},

{

path: ‘/NewLending’,

component: resolve => require([‘…/components/new/NewLending.vue’], resolve),

meta: {title: ‘新建__产品借出单’}

},

{

path: ‘/NewReturn’,

component: resolve => require([‘…/components/new/NewReturn.vue’], resolve),

meta: {title: ‘新建__产品返回单’}

},

{

path: ‘/PriceAdjustmentList’,

component: resolve => require([‘…/components/new/NewPriceAdjustment.vue’], resolve),

meta: {title: ‘新建__存货调价单’}

},

{

path: ‘/InOrOutList’,

component: resolve => require([‘…/components/open/InOrOutList.vue’], resolve),

meta: {title: ‘查询__出入库单’}

},

{

path: ‘/InvoicingSummary’,

component: resolve => require([‘…/components/open/InvoicingSummary.vue’], resolve),

meta: {title: ‘查询__进销存汇总表’}

},

{

path: ‘/ProductInventory’,

component: resolve => require([‘…/components/open/ProductInventory.vue’], resolve),

meta: {title: ‘查询__产品出入库记录’}

},

{

path: ‘/CompanyAssets’,

component: resolve => require([‘…/components/open/CompanyAssets.vue’], resolve),

meta: {title: ‘查询__公司资产表’}

},

{

path: ‘/LendingTable’,

component: resolve => require([‘…/components/open/LendingTable.vue’], resolve),

meta: {title: ‘查询__产品借出表’}

},

{

path: ‘/ReturnTable’,

component: resolve => require([‘…/components/open/ReturnTable.vue’], resolve),

meta: {title: ‘查询__产品返回表’}

},

{

path: ‘/NewPriceAdjustment’,

component: resolve => require([‘…/components/open/PriceAdjustmentList.vue’], resolve),

meta: {title: ‘查询__存货调价单’}

},

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】