vue router 传参的三种方式

方式一（赋路径后面）

{
    name:"demo",
    path:"/demo/:name",
    component:demo
}复制代码

传值：this.$router.push('/demo/wang')复制代码

获取值：this.$route.params.name  =>wang
复制代码

方式二（query片接到URL后面，相当于get请求）

{
    name:"demo",
    path:"/demo",
    component:demo
}复制代码

传值：this.$router.push({
    path:'/demo',
    query:{
        name:'wang'
    }
})复制代码

获取值：this.$route.query.name   =>wang 复制代码

方式三（params ,相当于post请求）

传值：this.$router.push({
    name:"demo",
    params:{
        name:'wang'
    }
})复制代码

获取值：this.$route.params.name   =>wang复制代码