Блог

Главная - Вопросы по программированию - NUXT — Динамические вложенные маршруты для структуры объявлений

NUXT — Динамические вложенные маршруты для структуры объявлений

#vue.js #nuxt.js #vue-router

Вопрос:

Я работаю на сайте объявлений, и у меня возникли некоторые трудности с использованием динамических маршрутов из nuxt.js.

Я хотел бы иметь что-то подобное в URL-адресе:

  • base_url> категория>> штат>>> город>>>> слизняк
  • app.com/eletronics/sp/sao-paulo/guitar-8381239

Я создал структуру следующим образом:

введите описание изображения здесь

 //_category.vue
<template>
     <NuxtChild />
</template>

//_state.vue
<template>
     <NuxtChild />
</template>

//_city.vue
<template>
     <section>
       <h1> City </h1>
       <ProductsListComponent />
     </section>
</template>

//_slug.vue
<template>
     <div>
       <h1> Product Details </h1>
       ...
     </div>
</template>

У моего ProductsListComponent.vue есть вся логика для обработки параметров, которые я получаю в URL, и фильтрации их в API, поэтому я хотел бы перенаправить весь трафик из категории в город.

Не могли бы вы помочь мне с этим вопросом? Как мне это сделать?

Комментарии:

1. Я не уверен, но вам придется пройти отдельными маршрутами router.js . Если ваша проблема заключается в прямом вызове дочернего компонента на странице.

2. Привет, ты пробовал это? nuxtjs.org/docs/2.x/features/… Может быть полезно в вашем случае ИМО.

Метки: