天天看点

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

这里是动态子路由跳转成功

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

明明链接都成功显示到子路由id,页面没有成功渲染。

仔细看代码原来是路由的index.js写错了。

错误代码:

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

这次的子路由是动态的,id前面少了“ : ”。所以跳转到是正常的,而没有渲染。

一个“路径参数”使用冒号 : 标记。当匹配到一个路由时,参数值会被设置到 this.$route.params,可以在每个组件内使用。

正确代码:

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

ps:以“/”开头的嵌套路由会被当作 根路径,所以子路由上不用加“/”。在生成路由时候,主路由的path被自动添加到子路由之前,所以子路由上的path不用重新声明主路由上的path。