编程式路由导航

最新推荐文章于 2025-12-10 10:47:58 发布

原创最新推荐文章于 2025-12-10 10:47:58 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

Vue学习专栏收录该内容

63 篇文章

订阅专栏

编程式路由导航允许开发者使用JavaScript控制页面跳转，主要涉及$this.$router.push、$router.replace、$router.forward、$router.back和$router.go等方法，提供了更多灵活性，例如在不使用<router-link>的情况下实现动态路由跳转。

### 9.编程式路由导航

1. 作用：不借助```<router-link> ```实现路由跳转，让路由跳转更加灵活

2. 具体编码：

```js

   //$router的两个API
   this.$router.push({
      name:'xiangqing',
         params:{
            id:xxx,
            title:xxx
        }
  })
  
   this.$router.replace({
      name:'xiangqing',
         params:{
            id:xxx,
            title:xxx
        }
  })
   this.$router.forward() //前进
   this.$router.back() //后退
   this.$router.go()//可前进也可后退