Как получить get параметры из url в nuxt.js?

@hobart.rath 

В Nuxt.js можно получить GET-параметры из URL, используя объект $route.

Для доступа к GET-параметрам необходимо использовать свойство $route.query, которое содержит объект с ключами-значения GET-параметров текущего маршрута. Например, если ваш URL-адрес имеет вид /page?param1=value1&param2=value2, вы можете получить доступ к параметрам param1 и param2 следующим образом:

1
2
3
4
5
6

export default {
  mounted() {
    console.log(this.$route.query.param1); // выведет "value1" в консоль
    console.log(this.$route.query.param2); // выведет "value2" в консоль
  }
}

Вы также можете получить доступ к GET-параметрам в шаблоне Nuxt.js, используя синтаксис двойных фигурных скобок:

1
2
3
4
5
6

<template>
  <div>
    <p>param1: {{ $route.query.param1 }}</p>
    <p>param2: {{ $route.query.param2 }}</p>
  </div>
</template>

Обратите внимание, что если вы используете nuxt-link или router.push для перехода на новый маршрут с GET-параметрами, они автоматически будут добавлены в URL-адрес.

@hobart.rath 

Таким образом, в Nuxt.js вы можете легко получить GET-параметры из URL, используя объект $route.query, как в JavaScript-коде, так и в шаблонах.