Как при введении значения в инпут, подставить новое значение в соседний?

Question

[Dauren S]

<td><input type="text" class="form-control"  v-model="result[product.id]" /></td>
 <td>{{product.unit}}</td>
 <td><input type="text" class="form-control"  v-model="price[product.id]" v-on:keyup="priceChange" :product_id="product.id"  /></td>
 <td><input type="text" class="form-control" v-model="sum[product.id]"  /></td>

methods: {
     priceChange: function(){
      let product_id=event.target.getAttribute('product_id');
      let price=this.price[product_id];
      let count=this.result[product_id];
      let sumres=price*count;
      console.log(sumres);
      this.sum[product_id]=sumres;
    }
  },

В консоли отображается сразу, при сабмите формы тоже вижу, но в интерфейсе только после 2 нажатия на клаву.
Как сделать с 1 раза, чтобы значение в sum подставлялось из калькуляции?

Comments

[drawnofmymind]

а где вы event передаете в функцию?

[Dauren S]

drawnofmymind, нет

[drawnofmymind]

Dauren, let product_id=event.target.getAttribute('product_id'), откуда Event?

[Dauren S]

drawnofmymind, не передаю, как то сама определяется в функции.

[drawnofmymind]

Dauren, интересно получается)

[Dauren S]

drawnofmymind, сам в шоке)

Answer 1

[0xD34F]

Убрать обработку события keyup и привязку атрибута product_id; метод priceChange вырезать.

Заменить v-model="sum[product.id]" на :value="sum[product.id]" readonly.

Свойство sum сделать вычисляемым:

sum() {
  return Object.fromEntries(Object.entries(this.price).map(n => ([
    n[0],
    (this.result[n[0]] || 0) * n[1],
  ])));
},

Comments

[Dauren S]

а вместо sum() можно написать sum1? а то ругается на Duplicated key 'sum'
error: Duplicated key 'sum' (vue/no-dupe-keys) at src\views\accounting\EditConsigment.vue:139:5:
137 | computed: {
> 139 | sum() {
| ^
140 | return Object.fromEntries(Object.entries(this.price).map(n => ([
141 | n[0],
142 | (this.result[n[0]] || 0) * n[1],

[0xD34F]

Dauren, да делайте чего хотите. Показали какой-то невразумительный огрызок кода, типа, догадайтесь, что у меня происходит. Я уже достаточно предположений сделал относительно вашего говнокода, больше не будет. Хотите услышать от меня что-то ещё - давайте больше информации.