Как дождаться обновления query параметров при использовании $router.push в watch функциях?

Question

[VegasChickiChicki]

Имеется следующий код:

watch: {
		ActivePage(value){
			let RouterParams = {};
			let RouterQuery = {
				...this.$route.query
			};

			if(value === 1 && RouterQuery.hasOwnProperty('page')) {
				delete RouterQuery.page;
			}

			if(value > 1) {
				RouterQuery.page = value;
			}

			RouterParams = {
				query: RouterQuery
			};

			this.$router.push(RouterParams);
		},
		PerPage(value){
			let RouterParams = {};
			let RouterQuery = {
				...this.$route.query
			};

			if((value === this.PageCapacity.filters[0].value) && RouterQuery.hasOwnProperty('perpage')) {
				delete RouterQuery.perpage;
			}

			if(value !== this.PageCapacity.filters[0].value) {
				RouterQuery.perpage = value;
			}

			RouterParams = {
				query: RouterQuery
			};

			this.$router.push(RouterParams);
		}
	}

ActivePage и PerPage - входные параметры.

Если изменить сразу оба параметра, с помощью мутации(данные лежат во vuex и передаются в компонент с помощью геттеров), то сначала отработает одна watch функция и потом другая, не дождавшись добавления параметров. Из-за этого одна функция затирает данные другой...

Есть ли возможность заставить их работать по очереди?

Answer 1

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

Есть ли возможность заставить их работать по очереди?

Обновлять по очереди

Comments

[VegasChickiChicki]

Алексей Ярков Каким образом?

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

VegasChickiChicki,

Если изменить сразу оба параметра, с помощью мутации

Разделить мутацию на две? Вообще без кода сложно сказать.

[VegasChickiChicki]

Алексей Ярков, Это не поможет, эффект будет точно такой же. Если эти данные из хранилища перенести в data компонента, передать как пропсы и менять их через два метода - будет такой же результат.