В целом проект написан на 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,
};
},
}