Vue 编程式路由导航

T-腾腾

已于 2023-09-19 14:34:29 修改

阅读量84

点赞数

文章标签： vue.js javascript 前端

于 2023-06-30 14:55:01 首次发布

本文链接：https://blog.csdn.net/m0_50832030/article/details/131476870

版权

本文介绍了如何在Vue.js应用中不依赖组件，利用$this.$router提供的API进行路由跳转。通过push和replace方法实现页面切换，前者保留历史记录，后者则不。此外，还提到了$router.back()用于返回上一页，$router.forward()前进，以及$router.go()根据数值动态前进或后退的用法。

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

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

2、具体编码

//$router的两个api

//push会在浏览器下留下历史记录
this.$router.push({
    name:'跳转页面的路由名字',
    params:{
        id:xxx,
        title:xxx
    }
})

//replace不会在浏览中留下历史记录
this.$router.replace({
    name:'跳转页面的路由名字',
    params:{
        id:xxx,
        title:xxx
    }
})

this.$router.back() //返回上一页

this.$router.forward() //前进

this.$router.go(填写数字：正数代表前进 负数代表后退 根据正负值来前进或者后退多少步) //可前进可后退