vue使用 v-for 元素加上判断

Question

迭代一个 li ，怎么判断 $index === 0 的时候，加入需要运算的 style ？

如：

// num 为属性 data 变量
<li v-for="n in list" :style="[ $index === 0 ? 'top': num * 10 + 'px' : '' ]">{{ n }}</li>

应如何修改呢？

Answer 1

方式有很多 比如：

<li v-for="n in list" :style="{top: $index === 0 ? (num * 10 + 'px') : 0}">{{ n }}</li>

或者直接写成对象，在data里控制属性的值