@sublr
джун интузиаст

Как вернуть объект в класс?

Идея в следующем, чтобы после клика по добавкам возвращать объект в класс Hamburger в this.myToppings в формате:
{
'cheese':{
		price: 50,
		calories: 100,
	}
}

где cheese - только те чекбоксы которые имеют checked
или если реализация слишком сложная, то какие есть идеи для хранения полученных данных, они нужны для дальнейшего подсчета стоимости бургера. href="https://codepen.io/sublarki/pen/poyrNxo?editors=1010"
  • Вопрос задан
  • 90 просмотров
Решения вопроса 1
Bavashi
@Bavashi
Попробуйте так:



То есть если выбрать все добавки, то объект Hamburger будет выглядеть так:
{
  calories: { ... },
  myToppings: {
    cheese: { ... }, 
    ketchup: { ... },
    onion: { ... },
    potato: { ... },
    salad: { ... }
  },
  price: 200,
  size: "small"
}

Где каждое свойство в this.myToppings будет таким:
{
  cheese: {
    calories: 100,
    price: 50
  },
  ketchup: {
    calories: 120,
    price: 90
  },
  onion: {
    calories: 150,
    price: 80
  },
  potato: {
    calories: 50,
    price: 70
  },
  salad: {
    calories: 30,
    price: 60
  }
}

P.S. При снятии чекбокса свойства удаляются из this.myToppings объекта Hamburger.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
24 сент. 2020, в 09:09
2000 руб./за проект
24 сент. 2020, в 08:35
50000 руб./за проект
24 сент. 2020, в 08:23
10000 руб./за проект