Как работать (задавать, доставать из урла) с GET параметрами в Nuxt.js?

Question

[Gimir]

Привет! Столкнулся с такой задачей: на странице есть список постов - /blog, нужно сделать фильтрацию постов не меняя страницу, то есть гет параметрами, url в браузере должен выглядеть примерно так (фильтрую по тегам), /blog?tag=frontend/. В доках нукста не нашел инфы как с этим работать, подскажите, как вы реализовываете такие задачи?

Comments

[Алексей Ярков]

В смысле "работать"? Изменять параметры? Опишите нормально задачу.

[Gimir]

Алексей Ярков, задавать параметры, (не те что _id.vue которы в pages находятся), получать к ним доступ и тд. Доставать из url строки вручную или nuxt позволяет это делать из коробки?

[Константин Б.]

Gimir, Nuxt ничем не отличается в этом плане от Vue, у которого есть роутер, который в свою очередь уже стоит под капотом Nuxt. Вам же из документации Nuxt нужно только понять как сделать ссылку и как получить из нее данные в SSR. Для Client все тоже самое что и в Vue

Answer 1

[Константин Б.]

ХМ, а точно-ли вы смотрели документацию?)

<nuxt-link :to="{name: 'blog', query: {tag: tag.id}}" v-for="(tag, i) in tags" :key="i">{{ tag.name }}</nuxt-link>

async asyncData({$axios, query}) {
		const posts = await $axios.$get('/api/blog', {
			params: {
				tag: query.tag,
			}
		})
		return {
			posts: posts.data,
		}
	},

Comments

[Gimir]

Видимо не внимательно)

[Константин Б.]

Gimir, очень не внимательно. Я бы даже сказал без особого желания

[Gimir]

Константин Б., желание то есть, только что и как искать еще видать не научился, сам не люблю задавать вопрос после 5 минут самостоятельного поиска, просто раньше не работал с гет параметрам, только в случае запросов к апи (джун), вам спасибо за наводку.