Народ, хелп. Вопрос в следующем: имеется меню, каждый из пунктов

Question

Народ, хелп. Вопрос в следующем: имеется меню, каждый из пунктов

открывает таблицу, ну и из таблицы открывается страница условно говоря товара. Так вот как сделать так чтобы пункт меню был активным когда нахожусь на странице товара, то есть условно говоря его раздел?

#frontend #javascript #programming #russian #vue.js

0

30.05.2023

6 ответов

19 просмотров

Vadym 🇺🇦

Если у тебя соблюдена вложеность в роутере, типа { path: ‘categories’, children: [ { path: ‘:category’, children: [ path: ‘:item’ ] } ] } То просто добавь active-class на роутер-линк <router-link to="categories/1" active-class="bg-red-500" />

0

30.05.2023

Alexey Turdakin

Vadym 🇺🇦
Если у тебя соблюдена вложеность в роутере, типа ...

ниразу такого не встречал. просветите что за синтаксис: active-class?

0

30.05.2023

Vadym 🇺🇦

Alexey Turdakin
ниразу такого не встречал. просветите что за синта...

https://router.vuejs.org/api/interfaces/RouterLinkProps.html#Properties-activeClass

0

30.05.2023

Alexey Turdakin

Alexey Turdakin
ниразу такого не встречал. просветите что за синта...

👍🏻👍🏻 Пойду все менюшки за 3 года сделанные править ))

0

30.05.2023

Alexey Turdakin

Vadym 🇺🇦
https://router.vuejs.org/api/interfaces/RouterLink...

👍🏻 Пойду все менюшки за 3 года сделанные править ))

0

30.05.2023

Alexey Turdakin · Accepted Answer

вычисляешь какая страница открыта и в зависимости от этого назначаешь стили const selectMenu = computed(() => router.currentRoute.value.fullPath.split('/')[1]) <router-link draggable="false" :to="{ name: m.name }" class="..." :class="selectMenu === k && 'bg-white/20 dark:bg-black/20'" > {{ m.title }} </router-link>

169 похожих чатов

Народ, хелп. Вопрос в следующем: имеется меню, каждый из пунктов

6 ответов

Похожие вопросы