道具 "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: '/' },
},
在使用 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: '/' },
},