Как обновить значение в элементе массива?

Question

[Вася Фамилия]

Дано вот такой json массив

inputs: [
      { label: 'Продавец', label1: 'Покупатель', type: 'text', name: 'seller'},
      { label: 'Полное наименование продавца', label1: 'Полное наименование покупателя',  type: 'text', name: 'fullname'},
     ]

после клика вызываю событие где такая функция

this.inputs.forEach((value, index) => {
  this.$set(this.inputs, index, {label: value.label1})
});

Все работает но проблема что вся строка массива обнуляется
То есть остается только label а type и text пропадает

Answer 1

[Дмитрий Гололобов]

Если вы хотите сделать именно так как у вас написано, то вот вариант:

this.inputs.forEach((value, index) => {
  this.$set(this.inputs, index, {...value, label: value.label1})
});

Но я бы сделал по другому. Если мне нужно заменить label на label1 из того же элемента во всех элементах массива.
Можно например отмапить весь массив. И по идее вам даже set не понадобится:

this.inputs = this.inputs.map(item => ({ ...item, label: item.label1 }))

В вашем варианте как я понимаю отрисовка компонента будет происходить всякий раз, когда вы изменяете элемент массива. В моем же варианте отрисовка произойдет один раз, только после того как весь массив будет обновлен.

Comments

[0xD34F]

как я понимаю отрисовка компонента будет происходить всякий раз

Не будет. Один раз после всех изменений.

Ну и поскольку свойство, значение которого устанавливается, изначально присутствует в объектах, то реально не нужны ни set, ни создание нового массива с копиями элементов. Достаточно присваивания:

this.inputs.forEach(n => n.label = n.label1);

Answer 2

[Alex]

Не проверял, но в теории должно сработать: обновляете одно поле в конкретном элементе массива

this.$set(this.inputs[index], 'label', value.label1)

Comments

[Вася Фамилия]

Спасибо!
от километровой строки избавили, там значений 20 штук на самом деле

[Alex]

Вася Фамилия, Ну, мой вариант годится, если вам нужно обновить только одно свойство в одном элементе массива. Если свойств несколько или обновить нужно несколько элементов массива то лучше рассмотреть этот ответ