路由跳转时出现报错警告：Discarded invalid param(s) "msg" when navigating 且传递的数据丢失

问题分析：路由在导航时丢弃无效参数“msg”

1. 出现报错警告的代码如下：

• Test组件

// Test.vue
this.$router.push({
  name: 'TestSon',
  params: {
    msg: '路由跳转时候携带的信息'
  }
});

• router.js

// router.js
{
  path: '/TestSon',
  name: 'TestSon',
  component: () => import('../components/TestSon.vue'), // 路由懒加载
}

• TestSon组件

// TestSon.vue
<template>
  <div class="TestSon">
    <h2>TestSon组件{{$route.params.msg}}</h2>
  </div>
</template>

2. 解决方案：丢失msg参数，只要把msg参数补上即可。如下：

• router.js

// router.js
{
  path: '/TestSon/:msg',
  name: 'TestSon',
  component: () => import('../components/TestSon.vue'), // 路由懒加载
}