Я создаю несколько хлебных крошек, используя Vue-router, и мне нужно использовать некоторые данные, которые находятся в подпорке или поле данных.Я построил первый уровень, но теперь мне нужно получить данные,
, то есть: панель инструментов / пользователь / 1234
Я написал, как я сказал, первую часть кода для 2-го уровняно я немного растерялся для третьего
{
path: "/users",
name: "users",
component: Users,
meta: {
breadcrumb: [
{ name: 'Users', link: "/users" }
]
}
},
watch: {
$route() {
this.breadcrumblist = this.$route.meta.breadcrumb;
}
, а затем и самого меню
<li class="breadcrumb-item" aria-current="page">
<router-link :to="{name: 'home'}">Dashboard</router-link>
</li>
<li v-if="breadcrumblist.length > 0" class="breadcrumb-item" aria-current="page">
<router-link :to="breadcrumblist[0].link">{{breadcrumblist[0].name}}</router-link>
</li>
и его идентификатор для пользователя передается компоненту какprop ['user_id']