【已解决】Vue动态路由跳转子组件后显示路径正确，但页面不显示内容

细节解决成败，一个小疏忽就会导致花费大量的时间去定位BUG：问题：如题，控制台没有报错分析：动态路由写的没问题，大概是问题出在路由寻址时找不到具体的组件解决：根据分析定位问题可能出在路由表上，仔细检查一下路由表，发现动态路由的参数没加，解决如下图：加上尾巴上的参数:id，成功跳转显示相应内容...

Cry丶

3824人浏览 · 2020-12-25 00:36:17

Cry丶 · 2020-12-25 00:36:17 发布

细节解决成败，一个小疏忽就会导致花费大量的时间去定位BUG：

问题：如题，控制台没有报错

分析：动态路由写的没问题，大概是问题出在路由寻址时找不到具体的组件

解决：根据分析定位问题可能出在路由表上，仔细检查一下路由表，发现动态路由的参数没加，解决如下图：

加上尾巴上的参数:id，成功跳转显示相应内容
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^