属性“to”不适用于 vuetify v-breadcrumbs 上的根命名路径

Question

在使用 vuetify 的 v-breadcrumbs 时，我遇到了一个问题。

我在 vue-router 中有一个到“/”路由的命名路径，但是当我将它传递给面包屑中的“to”道具时，它被禁用。其他命名路径工作正常。有谁知道可能导致这种行为的原因是什么？

有问题的路径：

{
     name: 'bar',  
     path: '/',
     component: () => import('@/foo/bar.vue'),
},

面包屑项目属性值如下所示：

[
    {
       text: 'bar',
       disabled: false,
       to: { name: 'bar' }
    }
]

Answer 1

使用exact: true,

喜欢：

      {
          text: "Breadcrumb name",
          link: true,
          exact: true,
          disabled: false,
          to: {
            name: 'route name', 
            params: {
                paramName: value
            }
          }
       }