vue-router 三级路由

最新推荐文章于 2024-07-16 09:53:50 发布

_Carpediem

最新推荐文章于 2024-07-16 09:53:50 发布

阅读量1w

点赞数 2

分类专栏： frontend 文章标签： vue.js typescript

本文链接：https://blog.csdn.net/qq_40420929/article/details/110955896

版权

本文介绍如何在Vue.js应用中配置和使用三级路由。通过`home.vue`、`index.vue`和`LeftNav.vue`组件，以及`router/index.ts`文件的设置，实现了从一级到三级的导航。内容涵盖了路由配置、组件渲染和导航栏的实现。

摘要由CSDN通过智能技术生成

1.home.vue

<template>
  <div class="nav">
    一级路由首页
    <router-link class="nav-item" to="/TestEvaluation">测试评估</router-link>
    <router-link class="nav-item" to="/ParameterManage">参数管理</router-link>
    <router-link class="nav-item" to="/ProgramManage">方案管理</router-link>

最低0.47元/天解锁文章

_Carpediem

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
vue-router 三级路由

1.home.vue<template> <div class="nav"> 一级路由首页 <router-link class="nav-item" to="/TestEvaluation">测试评估</router-link> <router-link class="nav-item" to="/ParameterManage">参数管理</router-link> <router-lin
复制链接

扫一扫

专栏目录