Vue3中路由传值使用params传值失败报错

分类: 外勤365在线登录 时间: 2025-10-03 17:47:58 作者: admin 阅读: 6965
Vue3中路由传值使用params传值失败报错

首先声明下我只是菜鸟,记录一下问题,能帮到你最好,互相学习。

在我们使用Vue3中用到params传值时,发现传值失败,并给出一个报错Discarded invalid param(s) "XXX" when navigating.

大家可以使用其他方法达到传值目的:

1、使用query进行传值,

传值

(1)标签

(2)方法

router.push({ name: 'page', query: {a:'0'}})

在接收页面

2、使用 History API 方式传递和接收(我认为很方便的一个方法)

传值

(1)标签

(2)方法

router.push({ name: 'page', state: {a:'0'}})

在接收页面只需执行

就可以拿到值,并且刷新时数据不会丢失

相关文章

在中国叫“荷兰豆”,在荷兰叫“中国豆”?这家伙到底来自哪里?
LEADERPHOS雷谛净水器
开通任性付要准备哪些资料?详细步骤告诉你,轻松开通不是事!