Используйте get param в корневом маршруте NuxtJS

#nuxt.js

#nuxt.js

Вопрос:

Я пытаюсь получить GET параметр в корневом маршруте. Я прочитал из документов, что для этого мне нужен _id.vue файл, и он у меня на том же уровне, что и ‘index.vue’. В у index.vue меня есть:

 beforeMount () {
  console.log(this.$route);
}
 

Я пытаюсь получить к нему доступ с помощью параметров в URL, но this.$route.params он пуст.

Ответ №1:

Вы смешиваете вещи. this.$route.params для параметров маршрута, например _id.vue. Например, допустим, у вас есть pages/some/_id.vue , затем вы загружаете URL /some/param/ , и в вашем $route.params будет id:param .

Но если вы хотите получить GET параметр, например /some?param=value , вам не нужно _id . доступ к нему осуществляется только через this.$route.query

Смотрите Документы здесь

Ответ №2:

JavaScript способ:

 const urlParams = new URLSearchParams(window.location.search);
const id = urlParams.get('id'); // ?id=123
 

Могу ли я использовать