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