道具 "to" 无法在 vuetify v-breadcrumbs 上使用根目录的命名路径

Prop "to" not working with named path to root on vuetify v-breadcrumbs

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

我在 vue-router 中有一个指向“/”路由的命名路径,但是当我将它传递给面包屑中的“to”道具时,它会被禁用。其他命名路径工作正常。有人知道是什么导致了这种行为吗?

有问题的路径:

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

面包屑导航项目 属性 值如下所示:

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

使用exact: true,

喜欢:

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

我运行遇到了完全相同的问题。

我得到了准确的结果,并且还传递了 to:{} 道具。

所有其他路线都没有显示禁用并且工作正常。

path: '/',
        name: 'stepOne',
        text: "1. Velg Hovedmodell",
        component: () => import("../views/choose/stepOne"),
        meta: {
            /* ---------------------- Velg Hovedmodell ------------------------------------------ */
            requiresAuth: false,
            breadcrumb: [
                { 
                    text: "1. Velg Hovedmodell",
                    name: 'stepOne',
                    disabled: true, 
                    link: true,
                    exact: true,
                    to: { name: 'stepOne', path: '/' }, 
                },