项目场景:
简述项目相关背景: bug场景: 在学习vue-router,路由传参的部分的时候,在APP.vue页面中的
<router-link :to="{name:'Hi1',parmas:{username:'canyang'}}">
在Hi.vue页面中接收参数
<h2>
{{$route.parmas.username}}
</h2>
问题描述:
提示:这里描述项目中遇到的问题:
Error in render:
报错:
"[Vue warn]: Error in render: "TypeError: Cannot read property 'username' of undefined"
"TypeError: Cannot read property 'username' of undefined"
App.vue错误代码标识
Hi.vue文件中错误代码标识
原因分析:
问题的分析: 在报这个错之后,进行了代码查询,router/index.js中name是否一致 然后检查各个字段,[$route]等参数是否写错
解决方案:
具体解决方案: 对比到params的时候发现单词写错了,所以 改掉就可以了