编程式路由导航

最新推荐文章于 2024-09-13 14:34:15 发布

糖醋小排顾。

最新推荐文章于 2024-09-13 14:34:15 发布

阅读量50

点赞数 2

分类专栏： Vue学习文章标签： vue.js javascript 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/Guuiabc/article/details/128841448

版权

Vue学习专栏收录该内容

63 篇文章 0 订阅

订阅专栏

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

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

### 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()//可前进也可后退