Как смотреть изменения массива примитивов? Через watch и computed видит

Там два простых компонента: 1. Компонент списка товаров. prop: value - массив строк. В шаблоне итерируемся v-for по элементам пропа и монтируем компоненты №2. В конце кнопка, при нажатии на которую можно добавить еще одну пустую строку в массив. Отображается, если все предыдущие заполнены. Тут же обрабатываются события из компонентов №2 и происходит запись в стейт. 2. Компонент -обычный текстовый инпут. prop: value - строка. Массив берется из родителя первого компонента, тот в свою очередь тянет его из стейта. В этот раз попробовал наколбасить на v-model'ах, но оказывается там много подводных, и все равно "красиво" не получается.

0

18.05.2021

Kostya bah

Ivan Tseloban
Там два простых компонента: 1. Компонент списка то...

И что мутируешь стейт ничего не получается? Создай новый массив

0

18.05.2021

Ivan Tseloban Автор вопроса

Kostya bah
И что мутируешь стейт ничего не получается? Создай...

Стейт мутируется ок. Компонент №1 получает данные из родителя через v-model. И проп "value" также соответствует стейту. Однако условие отображения кнопки "добавить" не отрабатывает. Видит только изменение кол-ва элементов массива, но не самих элементов. Сейчас кнопка завязана на "show". Отслеживается следующим образом: watch: { value: { deep: true, handler(val) { console.log(val); this.show = val.every((item) => !!item); }, }, },

0

18.05.2021

Kostya bah

Ivan Tseloban
Стейт мутируется ок. Компонент №1 получает данные ...

Я как пончл если item пустой хоть один то закрывается иначе открыт

0

18.05.2021

Ivan Tseloban Автор вопроса

Kostya bah
Я как пончл если item пустой хоть один то закрыва...

Да. Собственно сейчас когда добавляем один пустой итем, кнопка пропадает и больше не возвращается, даже если изменять последний добавленный итем

0

18.05.2021

Kostya bah

Ivan Tseloban
Да. Собственно сейчас когда добавляем один пустой ...

А как ты мутируешь....

0

18.05.2021

Ivan Tseloban Автор вопроса

Kostya bah
А как ты мутируешь....

SET_MEDIA_ITEM(state, { value, index }) { // this._vm.$set(state.currentItem.items, index, value); // state.currentItem.items.splice(index, 1, value); state.currentItem.items[index] =value; }, Первые две строки отрабатывают, но после кадого изменения фокус с инпутов пропадает.

0

18.05.2021

Kostya bah

Ivan Tseloban
SET_MEDIA_ITEM(state, { value, index }) { ...

Так плохо делать используй модули)))

0

18.05.2021

Ivan Tseloban Автор вопроса

Kostya bah
Так плохо делать используй модули)))

Это и есть модуль. Прилетает жирный объект с бека, который нужно впихнуть в форму. Делать отдельный модуль для каждого непримитива это оверинжениринг уже)

0

18.05.2021

Kostya bah

Ivan Tseloban
Это и есть модуль. Прилетает жирный объект с бека...

Ттебе нужно создать новый currentItem, или модульное состояние сделать и через items.map поменять массив

0

18.05.2021

Vasil · Accepted Answer

Vasil

есть deep: true, но только если очень нада

0

18.05.2021

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

Как смотреть изменения массива примитивов? Через watch и computed видит

15 ответов

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