Как вычислять значения свойств массива?

Question

[Rucklless]

Добрый день!

createApp({
  data() {
    return {          
      products: [{"id":496, "name":"LAMPTA","COUNT":1,"PRICE":698, "DISCOUNT":0, "DISCOUNT_SUMM", "SUMM"},{"id":787, "name":"Tuzzy","COUNT":1,"PRICE":777, "DISCOUNT":0, "DISCOUNT_SUMM", "SUMM"}]
      table: [],
    }
  }
})

У меня есть массив products из которого я сделал через v-for живой поиск на базе select.
Найденный товар пушится в table из которого потом выводится таблица сметы так же через v-for.

Name	Price	Count	Discount	Summ
LAMPTA	698	input	input	считается
Tuzzy	777	input	input	считается

В таблице есть инпуты COUNT и DISCOUNT, реактивные соответственно, через v-model="row.DISCOUNT"
Подскажите, пожалуйста, как из полученных для каждого товара подсчитать, например SUMM и записывать его в массив товара. Никак не соображу.
Благодарю.

Answer 1

[Rsa97]

Пушить ничего не надо.
Используйте computed.

computed: {
  filteredProducts() {
    return this.products
      .filter((p) => p.name.toLowerCase().includes(this.nameFilter.toLowerCase()))
      .map((p) => {
        p.summ = p.price * p.count * (1 - p.discount / 100);
        return p;
      });
  },
  totalSumm() {
    return this.filteredProducts.reduce((acc, p) => acc + p.summ, 0);
  },
}.

Comments

[Rucklless]

Благодарю за ответ и за решение с фильтром.
Список фильтруется, но на внесение изменений через v-model не реагирует никак.

[Rsa97]

Rucklless, Да, точно. Надо .map по другому сделать, чтобы возвращались оригинальные данные, а не копия.
Поправил.