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

本文介绍了如何利用Vue.js、ElementUI和vue-router来构建一个导航菜单,实现点击链接在新的浏览器标签页中打开页面。详细展示了router文件的配置,包括多个子路由的设置,如出入库单、产品借出和返回等功能页面。此外,还分享了前端开发者的职业经历和推荐了一套全面的Web前端学习资源,强调基础知识和学科知识在面试中的重要性。
摘要由CSDN通过智能技术生成

查询

出入库单

进销存汇总表

产品出入库记录

公司资产表

产品借出表

产品返回表

存货调价单

审核出入库单

管理材料板信息

查看操作日志

路由配置文件(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:

  • 15
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值