Avuejs新增页面并实现路由跳转不显示在菜单上

╰+哭是因爲堅強的太久メ 2023-01-17 09:16 100阅读 0赞

import Layout from '@/page/index/'
    export default [{
        path: '/wel',
        component: Layout,
        redirect: '/wel/index',
        children: [{
            path: 'index',
            name: '首页',
            component: () =>
                import ( /* webpackChunkName: "views" */ '@/page/wel')
        }]
    }, {
        path: '/info',
        component: Layout,
        redirect: '/info/index',
        children: [{
            path: 'index',
            name: '个人信息',
            component: () =>
                import ( /* webpackChunkName: "page" */ '@/views/upms/user/info'),
        }]
    },
      {
        path: '/device/standarddetails',
        component: Layout,
        redirect: '/device/standarddetails/index',
        children: [{
          path: 'index',
          name: '标准报告',
          component: () =>
            import ( /* webpackChunkName: "page" */ '@/views/device/standardDetails'),
        }]
      },
      {
        path: '/device/comparedetails',
        component: Layout,
        redirect: '/device/comparedetails/index',
        children: [{
          path: 'index',
          name: '对比报告',
          component: () =>
            import ( /* webpackChunkName: "page" */ '@/views/device/compareDetails'),
        }]
      }
    ]

如图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70]: /images/20221021/20798679cb054fd29fa22f2435f1def5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，100人围观）

还没有评论，来说两句吧...

相关阅读

相关【Vue基础】Vue路由，实现页面跳转

一、需求说明点击不同的模块实现页面跳转，如下点击“员工管理”右侧会显示员工管理页面，如下图1；点击“入住信息”右侧会显示入住信息，如下图二 ![7cf2eb2df4a64

偏执的太偏执、/ 2023年10月11日 22:04/ 0 赞/ 77 阅读

相关 Vue安装并使用路由和路由器实现页面跳转

前言想要使用路由和路由器实，必须要知道什么是路由和路由器，可以参考这篇文章：[Vue路由和路由器简介][Vue] 下面通过编写代码演示一下如何使用路由和路由器实现页面

红太狼/ 2023年09月23日 23:09/ 0 赞/ 108 阅读

相关 1.Vue之路由页面跳转

demo地址:链接：https://pan.baidu.com/s/1eWmQElwK0AYskR6O5Ith-A 提取码：zsq6 1.功能,根据点击实现页面底

淡淡的烟草味﹌/ 2023年03月01日 13:27/ 0 赞/ 14 阅读

相关 uni-app 路由/页面跳转

路由/页面跳转 > [uni-app 官网路由][uni-app _] 简要示范下`uni.navigateTo()` // 不带参数

今天药忘吃喽~/ 2023年02月12日 05:42/ 0 赞/ 23 阅读

相关 Avuejs新增页面并实现路由跳转不显示在菜单上

import Layout from '@/page/index/' export default [{ path: '/wel',

╰+哭是因爲堅強的太久メ/ 2023年01月17日 09:16/ 0 赞/ 101 阅读

相关 vue ElementUI 路由跳转新页面

页面效果从产品成本核算配置管理Tab页跳转核算配置信息Tab页 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sh

淡淡的烟草味﹌/ 2022年12月15日 03:44/ 0 赞/ 485 阅读

相关 vue 路由跳转页面不刷新问题解决

看到浏览器中地址在变。页面却一直更新不动。尝试很多方法。在App.vue中 <router-view>增加标识key无效的。可以往下面看 ![watermark_type_Z

今天药忘吃喽~/ 2022年12月05日 12:25/ 0 赞/ 605 阅读

相关 vue 路由页面改变路由跳转页面参数或者叫公共页面

我不想知道原理，能实现就行日常中有很多页面公用一个头部，用来切换，我习惯于用父子路由的方式写，像这样 ![在这里插入图片描述][watermark_type_Z

古城微笑少年丶/ 2022年09月10日 01:16/ 0 赞/ 224 阅读

相关 JS实现路由跳转

之前我们用AngularJS实现路由跳转，这一篇我们将用JS实现路由跳转。示例图： ![Center][] 源码： <!DOCTYPE html>

柔情只为你懂/ 2022年06月07日 09:10/ 0 赞/ 326 阅读

相关 ionic新加页面并实现路由跳转

前言创建一个ionic的项目，默认下方只有3个tab页：tab1, tab2, tab3，如果想要加上tab4和tab5，这时候就涉及到了路由跳转。新加页面

曾经终败给现在/ 2022年02月17日 09:39/ 0 赞/ 289 阅读