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

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

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

如:

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

应如何修改呢?


方式有很多 比如:

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

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

【热门文章】
【热门文章】