道具“to”不适用于 vuetify v-breadcrumbs 上的 root 命名路径答案

【问题标题】：Prop "to" not working with named path to root on vuetify v-breadcrumbs道具“to”不适用于 vuetify v-breadcrumbs 上的 root 命名路径
【发布时间】：2021-01-16 14:13:47
【问题描述】：

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

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

有问题的路径：

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

breadcrumbs items 属性值如下所示：

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

【问题讨论】：

exact:true 可能
就是这样，谢谢:)

标签： vue.js vuetify.js vue-router

【解决方案1】：

我在这里遇到了完全相同的问题。

我已经精确到 true 并且还传递了 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: '/' }, 
                },

【讨论】：

【解决方案2】：

使用exact: true,

喜欢：

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

【讨论】：