ребята, я новичок в Vue и использовал панель администратора coreui для разработки шрифтов vue, но теперь я застрял в этой проблеме, это файл nav.js
export default {
items: [
{
name: 'Product',
url: '/product',
icon: 'fa fa-cart-arrow-down',
children: [
{
name: 'Addproduct',
url: '/product/Addproduct',
},
{
name: 'Listproduct',
url: '/product/Listproduct',
}
]
},
]
}
основной контейнер
<template>
<div class="app">
<div class="app-body">
<Sidebar :navItems="nav"/>
<main class="main">
<div class="container-fluid">
<router-view></router-view>
</div>
</main>
<AppAside/>
</div>
</div>
</template>
<script>
import nav from '../_nav'
export default {
name: 'full',
components: {
Sidebar,
},
data () {
return {
nav: nav.items
}
},
computed: {
name () {
return this.$route.name
},
list () {
return this.$route.matched
}
}
}
</script>
вот моя боковая панель
<template v-for="(item, index) in navItems">
<template v-if="item.title">
<SidebarNavTitle :name="item.name" :classes="item.class" :wrapper="item.wrapper"/>
</template>
<template v-else>
<template v-if="item.children">
</template>
<template v-else>
<SidebarNavItem :classes="item.class">
<SidebarNavLink :name="item.name" :url="item.url" :icon="item.icon" :badge="item.badge" :variant="item.variant"/>
</SidebarNavItem>
</template>
</template>
</template>
Теперь я строю addproduct в моем локальном хранилище браузера, если при входе пользователя в систему и переходе на панель управления, тогда я смотрю, какое имя URL-адреса присутствует в приложении браузера или нет, если оно присутствует, показывает, что еще игнорировать сейчас, моя проблема заключается в том, как я могу применить, если условие, такое как addproduct = addprodcut это видимое еще скрыть