开发指南134-路由传递参数
平台上的路由地址都是动态创建的,通过 params传递参数不方便。
正常情况下,页面跳转通过vuex来传递。
但是如果是从第三方系统通过单点登录拉起平台应用时,就需要用到路由传递参数的问题。
基本原理:
调用方:
this.$router.push({
path: '/user',
query: { id: 123456, name: 'Tom' }
});
等同/user?id=123456&name=Tom
目标页面:
mounted里处理
console.log(this.$route.query.id); // 123456
console.log(this.$route.query.name); // Tom
以上代码只为了说明问题,真实参数要复杂的多。
平台应用内部避免使用上述方式,需要时通过Vuex传递。
store/getters.js下定义了常用的参数,例如
const getters = {
//----------千里马平台所属-------------
QLMConfig: state => state.qlm_config2store.QLMConfig,
userId: state => state.qlm_user.userId,
}
export default getters