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

vue,router路由传值问题,引用官方推荐

参考贴https://blog.csdn.net/m0_57033755/article/details/129927829

根据官方文档的更新日志,建议使用state传值
官方文档更新日志
在这里插入图片描述

实际的console结果
在这里插入图片描述
传值

router.push({ name: `KnowledgeDetail`, state: { params } });

接收值

const historyParams = history.state.params
console.log('history.state: ', history.state);

其他方式备注:
1.query方式,会在url中暴露
2.params方式,会在url中暴露
3.参数存在pina或vuex中
4.动态路由方式
5.使用meta传值


http://www.kler.cn/a/487672.html

相关文章:

  • Zookeeper 集群安装
  • 点击底部的 tabBar 属于 wx.switchTab 跳转方式,目标页面的 onLoad 不会触发(除非是第一次加载)
  • SpringBoot环境和Maven配置
  • 攻防世界 wtf.sh-150
  • Python创建GitHub标签的Django管理命令
  • 洛谷:P1540 [NOIP2010 提高组] 机器翻译
  • HTML5 加载动画(Loading Animation)
  • 直流无刷电机控制(FOC):电流模式
  • MATLAB算法实战应用案例精讲-【数模应用】图像边缘检测(附MATLAB和python代码实现)(二)
  • Rust:运行调用 Lua 脚本
  • 【计算机网络】IPSec的安全协议和封装模式
  • EDA数据分析结合深度学习---基于EDA数据分析和MLP模型的天气预测(tensorflow实现)
  • Linux一键安装Docker和Docker Compose
  • apollo内置eureka dashboard授权登录
  • C语言中的变量与常量
  • 【学Rust开发CAD】2 创建第一个工作空间、项目及库
  • 代码随想录 哈希 test 8
  • Oracle Dataguard(主库为双节点集群)配置详解(2):备库安装 Oracle 软件
  • Android14上使用libgpiod[gpioinfo gpioget gpioset ...]
  • Word快捷键汇总
  • 《软硬协同优化,解锁鸿蒙系统AI应用性能新高度》
  • 《通过财报看企业》
  • springmvc搭建流程
  • ClickHouse 教程
  • # 网络编程 - 轻松入门不含糊
  • 杭州铭师堂的云原生升级实践