vue js 어레이에서 최저 가격을 얻으십시오

Question

나는 목록을위한 모든 여행을 반복하는이 배열을 가지고 있습니다.

<span v-for="price in listing.trips"> 
     <div class="price">{{ price.cost }} </div> 
</span> 

저렴한 가격으로 여행을 떠나기 위해 필터를 적용 할 수 있습니까?

내가 시도 :

<span v-for="price in listing.trips"> 
         <div class="price">{{ Math.min(price.cost) }} </div> 
        </span> 

Answer 1

아마 당신은 단지 계산 된 속성을 만들 수 있습니까?

new Vue({ 
    .... 
    computed: { 
     cheapestTrip: function() { 
      return this.listing.trips.sort(trip=>trip.price)[0]; 
     } 
    } 
}); 

그리고는 다음과 같이 사용 :

<span> 
    <div class="price">{{ cheapestTrip }} </div> 
</span> 

또한 [0]를 생략 할 수 있습니다 당신은 배열을 갖고 싶어. 이 경우보기 스 니펫을 사용하십시오.