Tengo una matriz item.warehouse_positions que tiene varios precios e ID, pero necesito ver solo un item.id con el precio más bajo. ¿Cómo puedo hacerlo?
<div v-for='(item, index) in item.warehouse_positions' :key='index'> {{ item.id }} -- {{ item.price }} </div> const lowestItem = item.warehouse_positions.sort((x, y) => x.price - y.price)[0];Ordena tus objetos por precio y saca el primero, que debería ser el más barato.
En Vue, su mejor apuesta es hacer una propiedad calculada que devuelva este objeto.
Crear una propiedad calculada
computed:{ getLowestItem(){ return this.<YOUR_ARRAY_IN_DATA>.sort((a,b)=>a.price-b.price)[0] } }Muéstralo en tu plantilla
<div>"{{getLowestItem}}"</div>