У меня есть заказ клиента, который содержит массив идентификаторов продуктов (getProductsInOrder), которые заказал клиент. Когда я сканирую товар в заказе, я помещаю sh в пустой массив getScannedProductsInOrder. Я установил реквизит scanned и установил его на true, основываясь на том факте, что getScannedProductsInOrder содержит идентификатор продукта. Я использую эту опору в компоненте, чтобы дать ему класс scanned, чтобы пользовательский интерфейс мог показать, что он стилизован не так, как не отсканированные продукты. Тем не менее, это создает проблему для меня, когда у меня есть клиент с несколькими продуктами одного и того же. Поскольку он имеет одинаковый идентификатор продукта, все кратных одного и того же объекта имеют класс scanned. Я пытаюсь придумать самый чистый способ решения этой проблемы, но я немного озадачен.
data :
getProductsInOrder = [2,4,6,6,8]
getScannedProductsInOrder = [];
-------------
<products-box
v-for="(product, index) in this.$store.getters.getScannedProductsInOrder"
:key="index"
:product= product
:scanned= '$store.getters.getScannedProductsInOrder && $store.getters.getScannedProductsInOrder.includes(product.inventory_id) ? true : false'
>