前端 - 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里控制属性的值

这篇关于前端 - vue使用 v-for 元素加上判断的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！