注明：vue中 $router 和 $route 的区别 

//$router : 是路由操作对象，只写对象
//$route : 路由信息对象，只读对象

//操作 路由跳转
this.$router.push({
      name:'hello',
      params:{
          name:'word',
          age:'11'
     }
})

//读取 路由参数接收
this.name = this.$route.params.name;
this.age = this.$route.params.age;

1、query传参

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

query传参地址使用path（路由地址）来引入，params传参用name（路由名称）来引入，好像query使用name来引入也可以传参，使用path也可以,暂且用path吧

//传参，使用name跳转
this.$router.push({
    path:'/login',
    query: {
        id:'123', 
        name: 'yangj'
    }
})
//路由
import Login from '@/page/Login'     
{
　　path: '/login',
　　name: 'Login',
　　component: 'Login'
}
//接收 
id = this.$route.query.id; name = this.$route.query.name;

2、params传参

//传参，使用name跳转
this.$router.push({
    name:'Login',
    params: {
        id:'123', 
        name: 'yangj'
    }
})
//路由
import Login from '@/page/Login'     
{
　　path: '/login',
　　name: 'Login',
　　component: 'Login'
}
//接收 
id = this.$route.params.id; name = this.$route.params.name;
 

原文：https://blog.csdn.net/mf_717714/article/details/81945218 

    

        

            

                

                    

                        
                    

                    

                        

                            扫码关注我们
                        

                        

                            微信号：SRE实战
                        

                        

                            拒绝背锅 运筹帷幄