vue-router使用params传值

1.定义路由时添加name属性

var router = new Router({
routes: [{
path: "/",
component: Index,
children: [ {
name:"main", // 若需要以params 方式传参 则需要配置name属性
path: '/index/main',
meta: {
requiresAuth: true
},
component: Home
},{
name:"table",
path: '/index/data-table',
meta: {
requiresAuth: true
},
component: Datagrid

}]

                }

]

});

// TODO ps: 跳转时 name 不能写错,问题很大
 this.$router.push({
name:"table",
path:"/index/data-table",
params:{
args:{
    a:"这是参数args.a"
},
b:"这是参数b"
}

});

// 当dom渲染完成 在这里可以获取params参数 // ps:created 也可以

let args = this.$route.params.args;

let b= this.$route.params.b;