Повтор Vue компонентов в списке товаров Bitrix?

Question

[Кирилл Гладких]

Есть карточка товара, она же компонент битрикса catalog.item.

Внутри нее инициализируются 3 Vue компонента - кнопки: в корзину, в сравнение, в избранное.
Они связаны с store от vuex. В качестве :key указал id товара $arItem["ID"].
И вполне логично вижу ошибку

Duplicate keys detected

Добавил к ключам префиксы типа 10, 20, 30 (каждой кнопке свой соответсвенно), но это ведь жесткий костыль.
Вопрос знатокам, можно как-то менее безболезненно для глаз и совести решить эту проблему?

Экземпляр vue развернут на catalog.section.
Что делаю не так?

Answer 1

[nvdfxx]

кнопки: в корзину, в сравнение, в избранное рендерятся с помощью v-for? Если нет, то зачем вам там key нужен? Если все же нужен, то выберите для key 100% уникальное значение, хотя $arItem["ID"] - вроде как id, который по определению уникальным должен быть

Comments

[Кирилл Гладких]

Да, вы правы. Изначально ошибка была в том, что я хотел передать id товара через :id.
Изменил на другую переменную и все работает. Спасибо