Vue-element-admin: 面包屑不支持:id的方式? Breadcrumb not support params

Created on 2 Apr 2018  ·  6Comments  ·  Source: PanJiaChen/vue-element-admin

一. 路由文件是这样设置的:
path: ':id/details',
hidden: true,

二. 一步一步深入到界面,面包屑是这样显示的,首页/活动管理/详情/单活动分析。

三. 这个时候点击面包屑中的详情。发现取不到:id的真实值。
看样式a标签的内容是这样子的:“data-v-cc995e54="" href="#/events/:id/details" class="">详情”

请问,是我设置错了,还是有bug?

enhancement feature

All 6 comments

暂时不支持

@PanJiaChen 绝望啊。。。我自己尝试能否修复。而且在这种情况下,sideBar上也不会出现被激活的样式。。。

@PanJiaChen ,我这样修改的,可以用了。你可以看看。

把面包屑组件中 :to="item.redirect||item.path"这个改为:to="getGoToPath(item)"
// 获取当前的链接路径

getGoToPath(item) {
     if (item.path) {
          var path = item.path;
          var startPos = path.indexOf(":");

          if (startPos !== -1) {
              var endPos = path.indexOf("/", startPos);
              var key = path.substring(startPos + 1, endPos);
              path = path.replace(":" + key, this.$route.params[key]);
              return path;
       }
  }

  return item.redirect || item.path;
}

没看太懂啊

一. 路由文件是这样设置的:
path: ':id/details',
hidden: true,

二. 一步一步深入到界面,面包屑是这样显示的,首页/活动管理/详情/单活动分析。

三. 这个时候点击面包屑中的详情。发现取不到:id的真实值。
看样式a标签的内容是这样子的:“data-v-cc995e54="" href="#/events/:id/details" class="">详情”

请问,是我设置错了,还是有bug?

/events/:id/details是单活动分析页,还是详情页?

Was this page helpful?
0 / 5 - 0 ratings