Vuetify面包屑作用域槽

Question

我正在尝试将面包屑合并到我的vuetify应用程序中，但这是我的代码：

<v-breadcrumbs divider=">">
    <v-breadcrumbs-item
        v-for="breadcrumb in breadcrumbs"
        exact
        :to="breadcrumb.to">
        {{ breadcrumb.text }}
    </v-breadcrumbs-item>
</v-breadcrumbs>

然后我在控制台中收到此警告。我不太确定这是什么意思。

default slot' is deprecated, use ':items and scoped slot "item"' instead

如果我尝试使用vuetify docs中的默认模板：<v-breadcrumbs :items="items">它仅允许一个href不是:to我需要的模板。

谁能帮我吗。

Answer 1

似乎Veutify现在提供了item可用于自定义面包屑的作用域化插槽。看这里的例子，我认为您需要做的是..

<v-breadcrumbs :items="breadcrumbs" divider=">">
    <v-breadcrumbs-item
        slot="item"
        slot-scope="{ item }"
        exact
        :to="item.to">
        {{ item.text }}
    </v-breadcrumbs-item>
</v-breadcrumbs>