Ребята, имею вот такой код: http://joxi.ru/nAyo8y3TYQEyZm Полуючаю вот такую ошибку: http://joxi.ru/Dr8jEqei4P7kZ2 Как правильно ее решить?

Ошибки ссыпятся, когда начинаю вводить символы в поле

Profile пропсой прокидываешь?

Ага

ну там наверное нужно мутациями стор править, а не так?

В js все построено на ссылках, так что сделав user = profile ты указал ссылку на profile

Это компонент, как я понял со стором работают страницы, а по компонентам прокидываешь пропсами

Меняя user меняешь profile

А как правильно мутацию сделать?

Событием

Меняя user меняешь profile

не вижу я чтобы он назначал профайлу юзера, обратно - да. Покажи лучше поле, в которое вводишь. Если там прописано что-то из серии v-model - дело может быть в этом

Прошли событие родителю о том что данные изменились. В родителе обрабатывай. Записывай в стор через мутацию

user.name.first_name

v-model

не вижу я чтобы он назначал профайлу юзера, обратно - да. Покажи лучше поле, в которое вводишь. Если там прописано что-то из серии v-model - дело может быть в этом

В created он это делает

user.name.first_name

ну да, юзай вместо этого :value и v-on:input v-on:change

https://vuex.vuejs.org/guide/forms.html

https://vuex.vuejs.org/guide/forms.html#two-way-computed-property

Ок, спасибо!

В created он это делает

т.е. ты хочешь сказать что если я сделаю в created: this->user1 = this.profile , this->user2 = this.profile, this->user1 = 'кошка', то user2 станет тоже кошкой? какая-то странная логика, вывернутая

А как метод строить, если поля вот такие: http://joxi.ru/YmEGDwet0DRwRA

mapActions же придуман диспатчить в стор через сеттер, ну это такое себе сказать вам, что code review такое не пройдет? getters/setters не для этого) Вы думаете что делаете в удобно в одно, на самом деле усложняете другое

mapActions же придуман диспатчить в стор через сеттер, ну это такое себе сказать вам, что code review такое не пройдет? getters/setters не для этого) Вы думаете что делаете в удобно в одно, на самом деле усложняете другое

Смотрю в доку и не вижу ничего плохого https://vuex.vuejs.org/guide/forms.html

mapActions же придуман диспатчить в стор через сеттер, ну это такое себе сказать вам, что code review такое не пройдет? getters/setters не для этого) Вы думаете что делаете в удобно в одно, на самом деле усложняете другое

ну я по памяти как было в доках написал Если геттерс/сеттерс не для этого, то вы предлагаете на каждый инпут вешать bind и change? Как по вашему правильно поступить?

ну я по памяти как было в доках написал Если геттерс/сеттерс не для этого, то вы предлагаете на каждый инпут вешать bind и change? Как по вашему правильно поступить?

Ок, пусть меня поправят деды тогда) "An alternative approach is using a two-way computed property with a setter" альтернатива не указание (то есть если есть n путей, не значит хороши все) есть v-model диспатчить данные в стор правильнее явно, по клику save и тд зачем вам дистпатч на рендере компонета? push в массив с инпутами, ререндер, дергаем дистпатч, зачем?

Вот это новости, буду иметь во внимании, спасибо за инфу

Так как диспатчить, если ошибки сыпятся при вводе символов?

Их нужно сначала куда то записать, а потом уже изменять в самом сторе?

Так как диспатчить, если ошибки сыпятся при вводе символов?

Какие ошибки, как мы угадаем

http://joxi.ru/DrlRVdPivZldw2

Ну прям написано же, не мутировать стейт напрямую

http://joxi.ru/brRG6wOtJn980m

Как правильно оформить?

Как правильно оформить?

Лучше сначала почитайте что такое в-модел

Ты state биндишь в v-model куда то? xD

Ребята, имею вот такой код: http://joxi.ru/nAyo8y3TYQEyZm Полуючаю вот такую ошибку: http://joxi.ru/Dr8jEqei4P7kZ2 Как правильно ее решить?

Ошибки ссыпятся, когда начинаю вводить символы в поле

Так ведь написано

Меняешь стору

Вне мутаций

Ребята, имею вот такой код: http://joxi.ru/nAyo8y3TYQEyZm Полуючаю вот такую ошибку: http://joxi.ru/Dr8jEqei4P7kZ2 Как правильно ее решить?

так ведь в ошибке всё написано..

Как вы вообще до вьюкса дошли, если консоль не можете осилить?

Как правильно оформить мутацию, если объект имеет вид: http://joxi.ru/GrqxgR6UQYZYDA

Ребята, имею вот такой код: http://joxi.ru/nAyo8y3TYQEyZm Полуючаю вот такую ошибку: http://joxi.ru/Dr8jEqei4P7kZ2 Как правильно ее решить?

То что ты показал, тут ни строчки про vuex

+

Но тебе в общем

А сейчас понятно?)

Верни копию объекта

Которую менять можно

В геттере типа такого json.parse(json.stringify(your-obj))

И его меняй. А по сохранению кидай в мутацию, чтобы сохранить поля

Верни копию объекта

а почему бы просо не написаь нормальную мутацию и менять в ней оригинальный объект?

Как правильно оформить мутацию, если объект имеет вид: http://joxi.ru/GrqxgR6UQYZYDA

https://jsfiddle.net/furryablack/d4w7t3jL/ я даже не знаю попробую угадать может тебе просто пример нужен, чтобы просто ошибку найти в коде

а почему бы просо не написаь нормальную мутацию и менять в ней оригинальный объект?

Я типа сам новичек еще, поэтому всего не знаю)

а почему бы просо не написаь нормальную мутацию и менять в ней оригинальный объект?

так и должно быть, изменения нужно же как то закоммитить в стэйт тут без мутации никак)))

так и должно быть, изменения нужно же как то закоммитить в стэйт тут без мутации никак)))

Он знает Он это мне объясняет

если вложенность небльшая у объекта, можно написать простейшую мутацию: пример из рабочего проекта: UPDATE_CUSTOMER_DATA(state, customerData) { Object.entries(customerData).forEach(([key, value]) => Vue.set(state.customer, key, value)); },

#spam

ERROR: S client not available

Всем спасибо, все понял)

Товарищи, посоветуйте, пож, какую-то годную книгу по вую. Что можете сказать о vuejs: up and running?

Товарищи, посоветуйте, пож, какую-то годную книгу по вую. Что можете сказать о vuejs: up and running?

Без сарказма. Vue офф доки и исходники самого vue. Честно.

Да доки хороши, когда уже имеешь представление, как правильно писать) Мне бы получить представление о том, как писать православнее

книг не знаю а видео вот: https://vuemastery.com/vueconf

Да доки хороши, когда уже имеешь представление, как правильно писать) Мне бы получить представление о том, как писать православнее

Опыт и исходники того что написано для vue/на vue))

Да доки хороши, когда уже имеешь представление, как правильно писать) Мне бы получить представление о том, как писать православнее

можешь уроки посмотреть, вроде бы тоже разжовывают как младенцу - https://www.youtube.com/watch?v=diPpV20TOUs&list=PLLvTAhHe8AYCf1RDc2l2ZWriPfMf-yZel

О, спасибо

НО...

Опыт и исходники того что написано для vue/на vue))

Да в том и дело, что после того, как я попал в этот чат, я понял, что писал через задницу)

документация - это основной источник информации!

Да в том и дело, что после того, как я попал в этот чат, я понял, что писал через задницу)

нет написания через задницу, есть разный опыт работы с кодом

https://dev.tube/ еще можно вот тут посмотреть

каждый разраб это художник и рисует по-своему, главное, что в итоге у одних картина, а у других... детская картинка ))

Философ)

я кажеца https://vuejs.org/v2/guide/components-registration.html сломалъ

т.е. ты хочешь сказать что если я сделаю в created: this->user1 = this.profile , this->user2 = this.profile, this->user1 = 'кошка', то user2 станет тоже кошкой? какая-то странная логика, вывернутая

Логика самая обычная, в описаном тобой случае только user1 будет кошкой, так как ты присвоил строку. Если же будешь менять свойста объекта, то оно будет меняться у всех у кого есть ссылка

Логика самая обычная, в описаном тобой случае только user1 будет кошкой, так как ты присвоил строку. Если же будешь менять свойста объекта, то оно будет меняться у всех у кого есть ссылка

а я юзеру1 разве не экземпляр объекта присвоил?

this->user1 = 'кошка' ты написал так

я про первое

это грубый пример

this->user1.name = кошка пусть будет

я сейчас не говорю что ты неправ, я в JS плаваю и хочу для себя поведение зафиксировать, в других моих языках присваивание по ссылке делается иначе

если будешь менять this->user1.name , то будет меняться у всех

Всем привет! Подскажите, может кто знает, можно ли на лету генерить computed свойства? Пробовал сделать таким образом - ругется на то, что геттеры is missing <script> import { mapGetters, mapActions } from 'vuex' let arr = [ { name: 'Имя' }, { surname: 'Фамилия' }, { patronymic: 'Отчество' }, { date: 'Дата выдачи' }, { series: 'Серия' }, { number: 'Номер' }, { whom: 'Кем выдан' }, { birthday: 'Дата роджения' }, { sex: 'Пол' } ] const generateComputedProps = (array, getter, setter) => { let items = array.map(key => { return { [Object.keys(key)]: { get () { return getter[Object.keys(key)] }, set (value) { setter({ data: { [Object.keys(key)]: value } }) } } } }) console.log(items) return items } export default { name: 'passport-edit-form', computed: { ...mapGetters('app', [ 'getPassportEntities', 'getPassportShowEditData' ]), ...generateComputedProps(arr, this.getPassportEntities, this.handlerUpdatePassportEntities) }, methods: { ...mapActions('app', [ 'handlerUpdatePassportEntities' ]) } } </script>

Пропихивал деструктуризацией в computed

если будешь менять this->user1.name , то будет меняться у всех

мда, весело. Мне это могло где-то сильно боком вылезти, клонирование в JS надо делать явно, видимо

мда, весело. Мне это могло где-то сильно боком вылезти, клонирование в JS надо делать явно, видимо

Для меня в пхп было необычно, что нужно наоборот явно указывать, что передаю ссылку на объект, а не сам объект.

Хотя после еще нескольких языков, стало понятно, что это только js такой.