开发指南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

posted @ 2025-08-24 20:13  wzzkaifa  阅读(6)  评论(0)    收藏  举报