当前位置: 首页 > ai >正文

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

http://www.xdnf.cn/news/18448.html

相关文章:

  • 支持蓝牙标签打印的固定资产管理系统源码(JAVA)
  • linux编程----网络通信(TCP)
  • LLM实践系列:利用LLM重构数据科学流程04 - 智能特征工程
  • 博士招生 | 英国谢菲尔德大学 招收计算机博士
  • 项目中优惠券计算逻辑全解析(处理高并发)
  • Unreal Engine UStaticMeshComponent
  • JUC之CompletionService
  • DFS序与树链剖分入门
  • 开发避坑指南(35):mybaits if标签test条件判断等号=解析异常解决方案
  • 文件系统层面的可用块数量可用空间和比例
  • AI重塑职业教育:个性化学习计划提效率、VR实操模拟强技能,对接就业新路径
  • 拿到手一个前端项目,应该如何启动
  • 开发避坑指南(34):mysql深度分页查询优化方案
  • Ubuntu解决makefile交叉编译的问题
  • Android Jetpack | Hilt
  • 机器人爆发、汽车换代,速腾聚创开始讲新故事
  • WindowsAPI|每天了解几个winAPI接口之网络配置相关文档Iphlpapi.h详细分析八
  • 【数据结构】选择排序:直接选择与堆排序详解
  • 前端项目打包+自动压缩打包文件+自动上传部署远程服务器
  • 为什么需要关注Flink并行度?
  • 【C#】观察者模式 + UI 线程调度、委托讲解
  • 大学校园安消一体化平台——多警合一实现智能联动与网格化管理
  • Redis 678
  • Hyperledger Fabric官方中文教程-改进笔记(十四)-向通道中添加组织
  • open webui源码分析7—过滤器
  • 获取后台返回的错误码
  • Linux822 shell:expect 批量
  • 车辆方向数据集 - 物体检测
  • 作品集PDF又大又卡?我用InDesign+Acrobat AI构建轻量化交互式文档工作流
  • 【LeetCode每日一题】238. 除自身以外数组的乘积