Vue让router-view默认显示任意页面

2023-11-14

场景:一个home页面,点击左边的菜单栏,右边显示页面,因此都知道在右边放一个router-view然后配置路由即可。

然而问题出现在:重新打开的时候,默认是白色空的。

那么解决办法是:

在router管理的index.js中
加上 redirect:'/xxxx'

       {
          path: "/xcgk",
          name: "xcgk",
          component: require("@/views/xcgk/xcgk").default,
          redirect:'/assessment' ,

          children: [
            {
              path: '/Orderissuance',
              name: '指令下达',
              component: Orderissuance,

            }, {
              path: '/taskmanagement',
              name: '任务管理',
              component: taskmanagement,
            }, {
              path: '/Officialnotice',
              name: '工作动态',
              component: Officialnotice,
            }, {
              path: '/Workdynamics',
              name: '公文通知',
              component: Workdynamics,
            }, {
              path: '/assessment',
              name: '统计考核',
              component: assessment,
            }, {
              path: '/OffciaAdd',
              name: "OffciaAdd",
              component: require("@/views/xcgk/rwgl/OffciaAdd").default,
 },]
        },

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue让router-view默认显示任意页面 的相关文章

随机推荐

  • LeetCode 22. 括号生成 Generate Parentheses(C语言)

    题目描述 给出 n 代表生成括号的对数 请你写出一个函数 使其能够生成所有可能的并且有效的括号组合 例如 给出 n 3 生成结果为 题目解答 方法1 回溯算法 for循环 递归 记录当前用的左括号数目bef及未成对的左括号数目single
  • (UE4 4.20 )UE4的GC(垃圾回收)编程规范

    UObject系统的GC UPROPERTY 引用 当我们在一个UObject类声明各种继承UObject的 变量时 得加UPROPERTY 这个可以让UE4帮我们自动管理UObject的垃圾回收 UPROPERTY不仅仅用于反射变量到编辑
  • C++智能指针-shared_ptr/weak_ptr

    熟悉了unique ptr 后 其实我们发现unique ptr 这种排他型的内存管理并不能适应所有情况 有很大的局限 如果需要多个指针变量共享怎么办 如果有一种方式 可以记录引用特定内存对象的智能指针数量 当复制或拷贝时 引用计数加1 当
  • jQuery一级菜单和二级菜单

    1 先做一级菜单 第一步设置body 把大概样子写出来 2 第二步 1 用css设置通配符 3 第二步 2 设置ul标签基础样式 4 第二步 3 设置类样式 5 设置jquery内容的第一步先引入jQuery文件 6 第二步设置一个函数在里
  • CTP程序化交易入门系列之四:行情订阅常见问题解答

    前言 这一章总结了大家订阅行情最常问的一些问题的相关解答 希望能有帮助 如有不对的地方 欢迎指正 后期会在这里更新迭代 欢迎到这底下提问 更新时间 20201112 1 获取行情的地址在哪里可以查到 simnow发的即是实时行情 官网上可以
  • kettle用Rest Client发送http请求

    kettle用Rest Client发送http请求 kettle用add join xml组装复杂的xml报文 kettle配置及性能调优 需求 请求一个服务接口 请求体是一段 json 服务接口响应数据 数据也是 json 形式 这里用
  • 蓝桥杯单片机零基础到国二经验分享

    我参加的是第十三届蓝桥杯大赛 从最开始的零基础 毫无头绪 到拿下国二 颇有体会 在这里将我的备赛经验分享给大家 希望可以帮到一些正在备赛的蓝桥杯er 目录 一 蓝桥杯 单片机组介绍 二 零基础到国二历程 客观题 程序题 1 从零基础到省三
  • 前端DOM操作精解:基础概念、方法与最佳实践

    引言 本文将深入探讨前端开发中的DOM操作 包括基础概念 常用方法和最佳实践 通过清晰易懂的解释和实际案例分析 我们将一起了解如何最有效地使用DOM操作来提升前端应用的用户体验 一 DOM操作入门 在深入探讨DOM操作之前 我们先要理解什么
  • SpringBoot的默认日志框架

    logback日志的集成 总结 1 SpringBoot底层也是使用slf4j logback的方式进行日志记录 a logback桥接 logback classic 2 SpringBoot也把其他的日志都替换成了slf4j a log
  • flutter iOS和安卓的version,build区别

    iOS的version是关键的 build次数不重要 version要大于上一个 build叠加就好 version加1后 build可以从头开始 开发者后台提审的版本号要跟提交的版本号要一致 安卓的就不是了 最重要的是build次数 每次
  • 【算法】解密回文——栈

    上一节中我们学习了队列 它是一种先进先出的数据结构 还有一种是后进先出的数据结构它叫做栈 栈限定只能在一端进行插入和删除操作 比如说有一个小桶 小桶的直径只能放一个小球 我们现在向小桶内依次放入2号 1号 3号小球 假如你现在需要拿出2号小
  • URI、URL和URN的定义和关系

    1 URI URI Universal Resource Identifier 统一资源标志符 URI采用一种特定语法标识一个资源的字符串 所标识的资源可能是服务器上的一个文件 不过 也可能是一个邮件地址 新闻消息 图书 人名 Intern
  • PostgreSQL服务启动时报错:“FATAL: could not create lock file "/tmp/.s.PGSQL.5432.lock": Permission denied”

    PostgreSQL服务启动时报错 FATAL could not create lock file tmp s PGSQL 5432 lock 权限不够 PostgreSQL服务启动时报错 FATAL could not open loc
  • Linux一分钟部署dist

    1 首先保证服务器要有tomcat安装包 如果没有的话 访问http tomcat apache org 选择版本号下载 格式要tar gz的就可以 2 上传安装包并解压 3 运行 解压之后cd切到tomcat目录下面的bin目录 star
  • 关于vue多个项目的管理

    环境 vueCli webpack 应用场景 一套代码需要支持10几家客户 每家的皮肤 功能都有一些小的差异 主体流程大致是一样的 思路 在一个vue的服务中管理多个项目 各项目的功能模块相对独立 但公共部分可以提取为公共组件 并在多个项目
  • kafka相关

    1 为什么使用kafka 以实际业务中用户提现为例 比如一笔交易发生 这笔交易是否是欺诈交易 这笔交易是否已经达到限额了 相关用户是否在黑名单中 交易结果联动短信 Email等渠道通知用户 等等 也许一笔简单的交易 就要与反欺诈系统 黑名单
  • 华为交换机配置SSH远程登陆

    拓扑图 1 配置IP
  • 互联网摸鱼日报(2023-03-03)

    互联网摸鱼日报 2023 03 03 InfoQ 热门话题 在 Istio 中使用 Kata 容器注入工作负载 数字中国顶层设计来了 一图读懂 2522 框架 政策解读 探索 Android 14 首个开发者预览版的新功能与特性 深入银行数
  • T0、T1、TS、D1是什么鬼?一文看懂POS机刷卡到账模式区别和利弊

    经常被一些刚刚接触POS机的朋友问到一个 什么是T0 什么是T1 今天小敏子就和大家来探讨一下几种刷卡到账模式区别和利弊 一 先说一下定义 什么是T T为英文Trade交易的首字母 什么是D D为英文Day 天 的首字母 什么是S S为英文
  • Vue让router-view默认显示任意页面

    场景 一个home页面 点击左边的菜单栏 右边显示页面 因此都知道在右边放一个router view然后配置路由即可 然而问题出现在 重新打开的时候 默认是白色空的 那么解决办法是 在router管理的index js中 加上 redire