Я использую директивный орган v-for, чтобы повторять элементы array объектов и печатаю их в списке. Поскольку я могу перемещать признак href, который является еще одним установленным текстом id элемента списка
<li v-for="(item, index) in searchProduct" :key="index">
<div class="image">
<img src="frontoffice/images/product/other/s05.jpg" alt>
</div>
<div class="info-product">
<div class="name">
<a :href="products/item.id" title="">{{item.name}}</a>
</div>
<div class="price">
<span class="sale">$50.00</span>
<span class="regular">$2,999.00</span>
</div>
</div>
</li>