Discarded invalid param(s) “msg“ when navigating

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

问题：导航时丢弃无效参数“msg”

出现警告的代码如下：

1.  
   // Title.vue
2.  
   this.$router.push({
3.  
   name: 'titleson',
4.  
   params: {
5.  
   msg: '路由跳转时候携带的信息'
6.  
   }
7.  
   });

1.  
   // router/index.js
2.  
   {
3.  
   path: '/titleson',
4.  
   name: 'titleson',
5.  
   component: () => import('../components/TitleSon.vue'), // 路由懒加载
6.  
   }

1.  
   <!-- TitleSon.vue -->
2.  
   <template>
3.  
   <div class="titleson">
4.  
   <h2>TitleSon组件{{$route.params.msg}}</h2>
5.  
   </div>
6.  
   </template>

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

1.  
   // router/index.js
2.  
   {
3.  
   path: '/titleson/:msg',
4.  
   name: 'titleson',
5.  
   component: () => import('../components/TitleSon.vue'), // 路由懒加载
6.  
   }

这篇好文章是转载于：学新通技术网