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 中的最后一个元素，如果不是最后一个元素，则显示 | 分隔符。