路由配置中的路径问题

Question

老师我想问一下图中红框部分的路径问题。我查了下官方文档说“路由对象中的 path 对应当前路由的路径，总是解析为绝对路径。”，我有点没有理解这句话，为什么不是 ‘/views/recommend’ 呢？如果这个路径是根据 tab 组件中每一个 tab 的 path 来写的，为什么 tab 组件的路径也是 ‘/recommend’ ？（tab 组件和视图组件都不在同级目录下）

Answer 1

ustbhuangyi 2021-04-29 23:45:21

这个路径是你在代码中访问的路径，而不是你源码目录的路径。因为你在 tab 组件中定义的 router-link 的 to 属性指向的就是 /recommend，和这边路由配置的 path 是对应起来的

• 提问者 weixin_慕丝5097302 #1

  老师那我可以理解成 tab 组件中定义的 path 是自己可以任意设置的吗？因为 tab 组件和视图组件都不在同级目录下。
  
  tabs: [
            {
              name: '推荐',
              path: '/recommend'
            },
            {
              name: '歌手',
              path: '/singer'
            },
            {
              name: '排行',
              path: '/top-list'
            },
            {
              name: '搜索',
              path: '/search'
            }

• ustbhuangyi 回复 提问者 weixin_慕丝5097302 #2

  不是任意设置，和路由配置文件的路径保持一致即可

• 提问者 weixin_慕丝5097302 回复 ustbhuangyi #3

  我明白了 谢谢黄老师

点开查看后面1条评论