Как в маршруте сделать название папки равному id в nuxt.js?

Пользователь

от richie_mayert , в категории: JavaScript , 2 месяца назад

Как в маршруте сделать название папки равному id в nuxt.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от francisco.friesen , месяц назад

@richie_mayert 

В Nuxt.js вы можете использовать динамические части в маршрутах, чтобы сделать имя папки равным ID. Это может быть сделано следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
// файл pages/[id].vue
<template>
  <div>
    <h1>ID: {{ id }}</h1>
  </div>
</template>

<script>
export default {
  computed: {
    id() {
      return this.$route.params.id
    }
  }
}
</script>


Здесь мы используем динамическую часть [id] в маршруте, которая будет преобразована в переменную id в $route.params. Затем мы можем использовать его внутри нашей компоненты, чтобы отобразить его на странице.