@pilolin
HTML программист

Отловить событие обновление store vue?

В целом проект написан на vue, подключен vuex. Есть страница/компонент index.vue в хуке create располагается запрос на сервер на получение данных. Данные что получены пишутся в store. Дальше по иерархии идет дочерняя страница/компонент home.vue в computed я получаю данные через mapState то что у меня в сторе хранится. На этой же странице есть несколько полей инпут, так вот в них должны быть данные что пришли по запросу, которые можно потом переписать и обновить снова.
Так вот в data() {} хранятся переменные/модели для этих полей, как мне можно их обновить что бы в полях ввода были данные что пришли? просто в create этого дочернего компонента я не могу это сделать т.к. запрос асинхронен

Надеюсь понятно объяснил

Дополнение

Имеются инпуты
<xar-text-field 
	v-model="newPosTerminal.locationId" 
	:name="'pos-terminal-location'" 
	:label="'Location'"
	:full-width="true"/>
<xar-text-field 
	v-model="newPosTerminal.signatureKey" 
	:name="'pos-terminal-signature-key'" 
	:label="'Signature key (Webhooks)'"
	:full-width="true"/>

и вот такая часть js
export default {
	data() {
		return {
			newPosTerminal: {
				type: 0,
				accessToken: null,
				locationId: null,
				signatureKey: null,
				webhook: null,
			},
		}
	},
	computed: {
		place() {
			return this.$store.getters.getPlaces.filter(elem => elem.id === +this.$attrs.id)[0];
		},
	},
	created() {
		this.SET_LOADED(false);
		this.newPosTerminal = {
			type: 0,
			accessToken: this.place ? this.place.accessToken : null,
			locationId: this.place ? this.place.locationId : null,
			signatureKey: this.place ? this.place.signatureKey : null,
			webhook: this.place && this.place.webhook ? this.place.webhook : null,
		};
	},
}
  • Вопрос задан
  • 170 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы