Как изменить input value при использовании v-model для нескольких input vue js?

Question

[SvizzZzy]

Часть кода vue js:

<input type="text" v-model="counts[item.id]" @change="changeCount(item.id, $event.target.value)">
 
Метод изменения vm.counts для нужного id: 
changeCount(id, c){

    let vm = this;
    vm.counts[id] = c; 
    console.log(vm.counts);
},

counts обозначена в виде объекта counts: {};

Когда руками меняешь значение input - новые данные добавляются в counts[item.id] но визуально данные input value не меняются, мгновенно отбрасывает на прошло значение. Не могу понять что не так. (вбиваешь данные в input - убираешь фокус курсора мыши на другой элемент html - input value сбрасывается до предыдущего значения)

Answer 1

[0xD34F]

Уберите обработчик события change, он тут не нужен.

Comments

[SvizzZzy]

Тогда counts[item.id] не применяет новое значение из value (при вводе)

[0xD34F]

Не выдумывайте, "применяет".