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]。在这种情况下，请使用您的视图片段。

从vue js数组获得最低价格

1 个答案: