Vue3 v-for 循环中获取数组下标+1的元素数据

在 Vue3 中，可以使用 v-for 指令的第二个参数来获取索引值。然后可以在模板中使用这个索引值加 1 来获取数组下标+1的元素数据。

例如，假设有一个数组 items，你可以这样使用 v-for 来获取索引值：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in items" :key="index">
        {{ index + 1 }}: {{ item }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['item1', 'item2', 'item3']
    };
  }
};
</script>

在上面的例子中，:key="index" 是必需的，它用于给每个循环的元素提供唯一的标识符。

然后，在模板中使用 {{ index + 1 }} 来获取索引值+1，以显示数组下标+1的元素数据。

希望对你有所帮助！