Неизвестные динамические вложенные маршруты в NuxtJS с параметром Slug? - PullRequest
Новая
       56

Неизвестные динамические вложенные маршруты в NuxtJS с параметром Slug?

0 голосов
/ 04 февраля 2019

Я все еще изучаю, как использовать NuxtJS, и я увидел там документацию: https://nuxtjs.org/guide/routing#unknown-dynamic-nested-routes, что если вы добавляете в папку страниц файл с именем '_.vue', это своего рода ловушка для всех, если естьне указан путь в папке страниц.

Это отлично работает, но теперь мне нужно передать параметр в этот файл.В настоящее время я делаю то, что пытаюсь реплицировать в pages / _slug / index.vue, а именно: 

asyncData ({ params }) {
    return axios.get(`https://example.com/wp-json/wp/v2/pages?slug=${params.slug}`)
    .then((res) => {
      return {
        page: res.data[0]
      }
    })
    .catch(error => {
      console.log(error)
      this.errored = true
    })
  },

Так как оно находится в папке '_slug', я могу передать ему params.slug иработает хорошо.Но сейчас я пытаюсь поймать все в файле _.vue, но не уверен, что лучший способ получить параметр slug в этом файле.Я попытался просто добавить эту функцию в этот файл, но это не сработало.

Есть ли способ передать параметр slug в файл _.vue в NuxtJS?

1 Ответ

0 голосов
/ 28 февраля 2019

Использовать param.pathMatch: 

asyncData ({ params }) {
  return axios.get(`https://example.com/wp-json/wp/v2/pages?slug=${params.pathMatch}`)
    .then((res) => {
      return {
        page: res.data[0]
      }
    })
    .catch(error => {
      console.log(error)
      this.errored = true
    })
},
...