在Vue中,可以使用 $index
和 $last
属性来判断 v-for
中的元素是否是最后一个。
例如:
<ul>
<li v-for="(item, index) in items" :key="index">
{{ item.name }}
<span v-if="index !== items.length - 1">|</span> <!-- 判断是否是最后一个 -->
</li>
</ul>
上面的代码中,v-if
判断当前元素的索引 index
是否等于 items
数组的最后一个元素的索引 items.length - 1
,如果不是最后一个元素,则显示 |
分隔符。
另外,还可以使用 $last
属性来判断是否是最后一个元素,例如:
<ul>
<li v-for="(item, index) in items" :key="index">
{{ item.name }}
<span v-if="!$last">|</span> <!-- 判断是否是最后一个 -->
</li>
</ul>
上面的代码中,v-if
判断当前元素是否为 v-for
中的最后一个元素,如果不是最后一个元素,则显示 |
分隔符。