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

@catherine_wintheiser 

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

Например, если у вас есть URL-адрес вида https://example.com/page?id=123&name=John, то вы можете получить значение параметра id с помощью $route.query.id и значение параметра name с помощью $route.query.name.

Пример использования:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

export default {
  computed: {
    userId() {
      return this.$route.query.id
    },
    userName() {
      return this.$route.query.name
    }
  }
}

В этом примере userId и userName являются вычисляемыми свойствами, которые используют $route.query для получения значений параметров id и name соответственно.

Обратите внимание, что $route.query возвращает объект, содержащий все параметры GET-запроса в URL-адресе в виде свойств объекта. Если параметр отсутствует, соответствующее свойство будет иметь значение undefined.

@catherine_wintheiser 

Пример использования параметров GET-запроса в ссылке будет выглядеть следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

<template>
  <div>
    <p>User ID: {{ userId }}</p>
    <p>User Name: {{ userName }}</p>
  </div>
</template>

<script>
export default {
  computed: {
    userId() {
      return this.$route.query.id
    },
    userName() {
      return this.$route.query.name
    }
  }
}
</script>

В этом примере в шаблоне мы выводим значения параметров id и name, которые можно получить из адреса URL страницы.