Сравнить значения в отдельных объектах в цикле v-for

Question

У меня есть вложенные объекты, к которым я обращаюсь в v-for l oop.

Я хотел бы изменить цвет с помощью v-bind:style, сравнивая значение tradePrice текущего объекта со значением tradePrice в объекте перед ним.

<td v-bind:style="{ color: summary.tradePrice > 0 ? 'red' : 'blue' }">{{ summary.tradePrice }}</td>

Мне нужно что-то вроде summary.tradePrice[1] > summary.tradePrice[0], но, очевидно, это внутри v-for, поэтому я не могу получить доступ к позициям объект таким образом.

Вот что должен дать конечный результат:

Answer 1

Вы можете определить свой v-for, как показано ниже, и использовать index

<div v-for="(val,index) in summary.tradePrices" :bind="index"></div>