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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от dorothea_stoltenberg , месяц назад

@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.