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

本文介绍了如何结合Vue.js、ElementUI和vue-router,实现导航组件NavMenu,并确保点击时在新的选项卡中打开页面。详细展示了路由配置文件中的各个路径设置,包括登录、主页及其子页面如新建和查询各种出入库单、进销存汇总表等。同时还分享了个人的前端开发经验,提供了一套完整的前端学习资料,旨在帮助开发者提升技能并减轻学习负担。
摘要由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:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值