vue使用v-for循环获取数组最后一项
作者：傲太白
这篇文章主要介绍了vue使用v-for循环获取数组最后一项问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
使用v-for循环获取数组最后一项
<span v-for="(item,i) in list" >
<i style="display: none" v-if="i!=0">/</i>
<i >{{item}}</i>
<br/>
</span>
假设我们不知道list的大小，想在用/分割，但是最后一个却不需要，我们可以使用以上做法
<span v-for="(item,i) in list" >
<i >{{item}}</i>
<i style="display: none" v-if="i!=list.length-1">/</i>
<br/>
</span>
假设我们知道list的大小，想在用/分割，但是最后一个却不需要，我们可以使用以上做法
vue v-for 判断是否是最后一个
在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 中的最后一个元素，如果不是最后一个元素，则显示 | 分隔符。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。