动态子路由跳转成功,页面没有成功渲染

这里是动态子路由跳转成功
在这里插入图片描述
明明链接都成功显示到子路由id,页面没有成功渲染。
仔细看代码原来是路由的index.js写错了。
错误代码:
在这里插入图片描述
这次的子路由是动态的,id前面少了“ : ”。所以跳转到是正常的,而没有渲染。
一个“路径参数”使用冒号 : 标记。当匹配到一个路由时,参数值会被设置到 this.$route.params,可以在每个组件内使用。
正确代码:
在这里插入图片描述
ps:以“/”开头的嵌套路由会被当作 根路径,所以子路由上不用加“/”。在生成路由时候,主路由的path被自动添加到子路由之前,所以子路由上的path不用重新声明主路由上的path。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值