Привет всем подскажите кто нибудь как можно сделать хлебные крошки нормально

Question

Nuxt.js | Vue SSR

Хаги Ваги

Привет всем подскажите кто нибудь как можно сделать хлебные крошки нормально

в накст 3? я что то даже по накст 2 особо инфы не нашел(

#nuxt.js #programming #russian #software

0

11.09.2022

5 ответов

29 просмотров

Sky Roses

А какая разница, Nuxt 2 или 3? У тебя в любом случае в роутах полезной информации изначально никакой не содержится для хлебных крошек и тебе это нужно исправить. А исправить это можно, например, дополнив этой информацией мету роута. Далее ты можешь сделать компонент, который будет забирать эту информацию от туда, если ее нет, значит хлебных крошек тоже нет. Условно, если это категории, то можешь в мету засунуть необходимое дерево категорий, которые будут отображены в хлебных крошках.

0

11.09.2022

Хаги Ваги Автор вопроса

Sky Roses
А какая разница, Nuxt 2 или 3? У тебя в любом случ...

а можно плз небольшой пример? все равно не догоняю(

0

11.09.2022

Sky Roses

Хаги Ваги
а можно плз небольшой пример? все равно не догоняю...

https://habr.com/ru/post/491018/ Можешь здесь посмотреть, в принципе неплохой способ. Принцип такой же, у тебя всегда есть Главная в хлебных крошках, далее все зависит от pageType (смотри статью). То есть в случае с nuxt 3 definePageMeta({ breadcrumbs: { type: "category", data: ... } }) И компонент хлебных крошек, который у тебя должен рендериться в layout'е работает уже с метой текущей страницы и забирает все, что лежит в breadcrumbs, а если его нет, то и хлебных крошек соответственно нет, а если тебе нужно оставить где-то только "Главная", то можешь еще добавить проверку, что если breadcrumbs равен true (или не равен false), то отображаем хотя бы первый линк, то есть Главная. И в зависимости от type ты уже генерируешь хлебные крошки, используя информацию из data. Посмотри статью и скомбинируй пример от туда с тем, что я тебе сейчас написал, должно проясниться всё.

0

11.09.2022

Хаги Ваги Автор вопроса

Sky Roses
https://habr.com/ru/post/491018/ Можешь здесь пос...

спасибо большое! сейчас почитаю

0

11.09.2022