Приветствую Во vuex у меня есть список контактов, у каждого контакта

Question

Приветствую Во vuex у меня есть список контактов, у каждого контакта

есть имя, фамилия и еще несколько полей.
В компоненте у меня выводится форма с текстовыми инпутами.
Как правильно связать объект контакта во vuex и форму в компоненте?

Нашел только такое решение
https://vuex.vuejs.org/ru/guide/forms.html
Но минус в том, что придется для каждого поля свой геттер и сеттер писать. Свой на имя, свой на фамилию, свой на телефон и т.д. То есть на каждое поле по вычисляемому свойству, что то типа
name: {
get() {
return this.$store.state.contacts[this.ID].name;
},
set(v) {
this.$store.commit('setContactName', {id:this.ID, value:v});
}
},
Если в шаблоне <input v-model="selectedContact.name"> сделать (где selectedContact это вычисляемое свойство с объектом контакта), то начинает работать, но это прямое связывание без мутаций и типа плохая практика.

Наверняка задача типовая. Подскажите правильную методику двунаправленного связывания объекта из vuex и формы

#frontend #javascript #programming #russian #vue.js

0

02.12.2018

1 ответов

8 просмотров

s4b0t · Accepted Answer

s4b0t

1) Обновлять объект целиком 2) сделать обёртку 3) https://github.com/maoberlehner/vuex-map-fields

0

02.12.2018

169 похожих чатов

Приветствую Во vuex у меня есть список контактов, у каждого контакта

1 ответов

Похожие вопросы