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

编程式路由导航

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

2、具体编码

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}
                })
            }

前进

 this.$router.forward();

后退

this.$router.back()

可前进可后退

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

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

你可能感兴趣的:(vue,vue.js,前端,javascript)