Vue-60、Vue技术编程式路由

一叶飘零晋2024-02-13 8:37

编程式路由导航

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

2、具体编码

javascript 复制代码

pushShow(p){
                this.$router.push({
                    name:'xiangqing',
                    query:{id:p.id,title:p.title}
                })
            },

 replaceShow(p){
                this.$router.replace({
                    name:'xiangqing',
                    query:{id:p.id,title:p.title}
                })
            }

前进

javascript 复制代码

 this.$router.forward();

后退

javascript 复制代码

this.$router.back()

可前进可后退

javascript 复制代码

this.$router.go(2);//前进2步

this.$router.go(-2);//后退2步