Emchik
@Emchik
Что-то прикольное сделать могу

Как мне складывать сумму массива Vue JS?

Только начал изучение VueJS. Сейчас заполняю массив, но почему-то не работает подсчёт.

HTML:
<input type="checkbox" id="reviewsOne" name="reviews"
	v-bind:value="400"
	v-model:number="dataFields">

<input type="checkbox" id="servicesTwo" name="services"
	v-bind:value="670"
	v-model:number="dataFields">

<span id="total_price">{{ totalPrice }}</span>

JS:
var app = new Vue({
	el: '#calculate',
	data: {
		totalPrice: 0,
		dataFields: [],
	},
	watch: {
		dataFields: function() {

			for(vari = 0; i > this.dataFields.length; i++) {
				this.totalPrice += this.dataFields[i];
			}

			return this.dataFields;
		},
	}
});
  • Вопрос задан
  • 816 просмотров
Решения вопроса 1
potapchino
@potapchino
var app = new Vue({
  el: '#calculate',
  data: {
    dataFields: []
  },
  computed: {
    totalPrice () {
      return this.dataFields.reduce((acc, n) => {
         return acc += n
      }, 0)
    }
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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