How to add v-bind:style to first element created in v-for loop?

Question

Vue.js

I'm making a slider. To move it, I change the margin of the first element. Margin is conditionally calculated.
Elements are created through v-for, you need to add v-bind:style to the first element

How to do this?

Answer 1

You need to declare an index for the c v-for block: then:
v-for="(item, index) in items"

v-bind:style="index == 0 ? {стили для первого элемента} : {}"