Динамическая маршрутизация

Чтобы создать динамический маршрут с параметром, необходимо определить файл Vue с префиксом "_" (нижнее подчеркивание).

Структура папок

Структура файлов:

pages/
--| users/
-----| _id.vue
-----| index.vue

автоматически сгенерирует:

router: {
  routes: [
    {
      name: 'users',
      path: '/users',
      component: 'pages/users/index.vue'
    },
    {
      name: 'users-id',
      path: '/users/:id',
      component: 'pages/users/_id.vue'
    }
  ]
}

Валидация параметров в маршруте

validate({ params, query }) {
  return true // если params валидно
  return false // остановит Nuxt.js при переходе на маршрут и покажет страницу ошибки
}

Nuxt.js позволяет определить метод валидации внутри компонента маршрута (в этом примере: pages/users/_id.vue). Если метод валидации не вернёт true, то Nuxt.js автоматически отобразит страницу 404 ошибки.

<script>
export default {
  validate ({ params }) {
    // Должен быть числом
    return /^\d+$/.test(params.id)
  }
}
</script>

Обнаружили ошибку или хотите внести свой вклад в документацию? Отредактировать эту страницу на GitHub!