@Daksin

Как я могу выводить цену из этой формы?

Добрый день, столкнулся с проблемой, что не знаю как могу вывести окончательную цену из этих чекбоксов, то есть если чекбокс выбранный, то к цене добавляется определенное значение. Как я могу это всё организовать используя vue?
62050443da88d151190594.png
  • Вопрос задан
  • 46 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
data: () => ({
  items: [
    { text: '...', price: ..., checked: false },
    { text: '...', price: ..., checked: false },
    ...
  ],
}),
computed: {
  sum() {
    return this.items.reduce((acc, n) => acc + n.price * n.checked, 0);
  },
},

<div v-for="n in items">
  <label>
    <input v-model="n.checked" type="checkbox">
    {{ n.text }}
  </label>
</div>
<div>SUM: {{ sum }}</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы