Как использовать query в Vue?

Question

[Артур Галяев]

Нахожусь, например на /filter, изменяю что-то в фильтрах и меня редиректит:

created() {
		this.$store.watch(
			(state) => (state.filter.settings),
			() => {
	    		$router.push({name: "planner", query: {
        			"color": this.settings.color
        		}})
				this.$store.dispatch('filter/GET')
			},
			{
	      		deep:true
	    	})
	},

Но получить данные из query в сторе не могу, как решить данную проблему?

Сделать так не помогает:

beforeRouteEnter(to,from,next) {
		$router.query = to.query
                next()
	},

Answer 1

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

Почему не передавать в экшн аргументом?

this.$store.dispatch('filter/GET', {query: this.$route.query})

Comments

[Артур Галяев]

Я бы хотел прямо в стейт писать, такое можно?

state: {
        settings: {
			query: $router.query
        },
}

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

Артур Галяев,

Я бы хотел прямо в стейт писать

Ну дёргайте нужную мутацию в компоненте и пишите в стэйт.

[stalker777]

А как находясь в одном же path просто динамически поменять query? this.$router.push({ query: { a: 123 } }) дает ошибку NavigationDuplicated: Avoided redundant navigation to current location

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

stalker777, Как насчёт this.$router.replace?