Сравнение продуктов из JSON с Vue

Сравнение продуктов из JSON с Vue

20.10.2019 05:29:21 Просмотров 48 Источник

Я работаю над предложением продукта webapp в Vue. Я вытягивать данные из листа с помощью Google API в JSON-формате. Данные-это список продуктов, наших продуктов и продуктов конкурентов. Все они имеют одинаковые данные. Это выглядит примерно так...

[
 {
   "ud_id": 001,
   "name": "Their Product 1",
   "brand": "Competitor",
   "att_1": 8,
   "att_2": 5,
   "att_3": 0,
   "att_4": 2,
   "skill": "all",
   "color": "red",
   "type": "outdoors"
 },
 ...
 {
   "ud_id": 100,
   "name": "Our Product 1",
   "brand": "Us",
   "att_1": 8,
   "att_2": 5,
   "att_3": 0,
   "att_4": 2,
   "skill": "all",
   "color": "red",
   "type": "outdoors"
 },
 {
   "ud_id": 101,
   "name": "Our Product 2",
   "brand": "Us",
   "att_1": 7,
   "att_2": 4,
   "att_3": -1,
   "att_4": 3,
   "skill": "advanced",
   "color": "blue",
   "type": "outdoors"
 },
 ...
]

Я хочу иметь возможность ввести название продукта конкурента в строке поиска и показать наиболее близкое соответствие наших продуктов, сопоставив значения att_1, att_2, att_3, att_4.

У меня есть поиск / фильтрация наших продуктов по таким значениям, как мастерство, цвет и тип, но этот последний бит был сложным для меня.

Каков хороший способ решить эту функцию поиска / сравнения?


Ответы - Сравнение продуктов из JSON с Vue / Product comparison from JSON with Vue

Закрыть X