vue路由跳转

Posted 2023-03-09

参考技术A 1.<router link to=""/>    可以接收一个url 如'/home'   ,也可以接收一个对象 name:'home'   path:'/home'

2.this.$router.push()   也可以接收一个url  ’/home‘    ,也可以接收以一个对象，并配置参数，

可以使用query配置需要携带的参数，需要使用path引入query，如果使用query配置参数，则会在地址栏中显示参数，传值方式类似于get，页面刷新参数不会消失

path:'/home',query:

    id:this.id

    



也可以使用params配置需要携带的参数，需要使用name引入params,如果使用params配置参数，不会在地址栏中显示参数，传值方式类似于post，页面刷新参数会消失

name:'home',params:

            id:this.id

    



传参方式也可以使用动态路由 this.$router.push('/detail/'+id)

3.this.$router.replace() 使用方式同this.$router.push()   

replace会覆盖前一个路由，push是在前一个路由后面添加一个路由，区别在于回退时，push会回退到上一个路由，replace因为覆盖了上一个路由，则会回到至上上个路由