【Vue项目练习】router-link跳转失败原因

364 阅读1分钟

问题

今天在做Vue2项目的时候发现自己使用router-link想要传到/detail路径的时候需要带个params参数

总是跳转失败,自动跳转到我项目的首页

image-20221103170048759

排查

  1. 检查router的js文件有没有引入路由组件image-20221103164627355
  2. 检查router的js文件有没有配置该路径

解决

  1. 发现<router-link>里面的to没有带 : ,导致后面的模板字符串失效

  2. 发现配置路由的时候,如果有params参数,而该参数在跳转时没有携带,跳转就失效了,解决方法是在该参数后面带个 ?

    image-20221103165723806

  3. 问题解决,跳转正常