Kevin_chanzibin 2023-03-19 22:38 采纳率: 80%
浏览 41
已结题

vue路由跳转的问题

设置了路由跳转之后，一级路由跟二级路由一直都是跳转同一个界面，不知道是什么原因？

img

img

  • 写回答

4条回答 默认 最新

  • 前端咸鱼翻身 2023-03-20 11:52
    关注

    img

    试试在这个的基础上，前面加个 /

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • 详解vue 路由跳转四种方式 (带参数)
    2020-10-17 02:16
    在Vue组件的方法中，可以使用this.$router.push()进行编程式导航，实现路由跳转。 - 不带参数的路由跳转： ```javascript this.$router.push('/home'); this.$router.push({ name: 'home' }); this.$router.push({ ...
  • Vue路由跳转传参
    2024-11-06 16:20
    星辰tsy的博客 params：跳转传递的参数，需要在路由文件的path中注明参数（比如：path:‘/pageB/:id’）params：跳转传递的参数，需要在路由文件的path中注明参数（比如：path:‘/pageB/:id’）跳转的页面使用this.$route.params...
  • vue路由跳转传参数的方法
    2020-12-29 04:05
    vue中路由跳转传参数有多种,自己常用的是下面的几种 ... 通过编程导航进行路由跳转  1. router-link > 1. path -> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航 2. p
  • vue路由跳转之【编程式导航与传参】
    2024-05-31 08:29
    码喽的自我修养的博客 vue路由有两种跳转方式 ---->编程式与声明式，本文重点讲解vue路由的【编程式导航 】【编程式导航传参 ( 查询参数传参 & 动态路由传参 )】等内容，并结合具体案例让小伙伴们深入理解 ，彻底掌握！
  • Vue组件内详解路由跳转四种带参方式
    2025-07-02 14:11
    本文着重阐述 Vue.js 中借助 Vue Router 实现路由跳转的四种方法，这四种方法均可传递参数。 第一种是利用 <router-link><router-link>、。带参数跳转（params）示例：, params: { id: 1 } }">，此时路由配置需有...
  • VUE路由跳转、传参总结
    2024-04-08 13:44
    因-戴克斯的博客 ）使用方式使用编程式导航，目标使用path,15.使用方式使用编程式导航，目标使用path,7.使用方式使用编程式导航，目标使用path,11.使用方式使用编程式导航，目标使用path。12.使用方式使用编程式导航，目标使用name。...
  • vue路由跳转
    2024-08-06 16:55
    软件技术NINI的博客 在某些情况下，你可能需要使用JavaScript来导航到不同的URL，而不是通过点击链接。Vue Router提供了。是Vue Router提供的组件，用于实现路由的声明式导航。属性改变渲染的HTML标签。等方法来实现编程式导航。
  • Vue的路由跳转
    2024-09-05 21:23
    全栈阿星的博客 vue路由跳转
  • Vue编程式跳转的实例代码详解
    2020-10-16 17:36
    编程式跳转是Vue.js中实现路由跳转的一种方式，它允许开发者在JavaScript代码中直接控制路由，而不是仅仅使用声明式导航。 首先，Vue.js中的编程式跳转可以通过this.$router对象来实现。this.$router是VueRouter的...
  • 简单的vue路由跳转示例
    2024-12-26 20:10
    神秘奇天才的博客 路由是前端框架中的一个核心概念，它负责将用户界面中的不同部分与应用程序中的逻辑...路由器还提供了导航功能，允许用户在不同的路由之间进行跳转。是一个自定义的 HTML 标签，用于创建导航链接。它类似于传统的<a>
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 3月28日
  • 已采纳回答 3月20日
  • 创建了问题 3月19日