vue3模板循环数组拿到上一个数组中的值

在Vue3中，你可以使用 `v-for`指令来循环数组，并且可以使用 `$index` 来获取当前循环的索引值。如果你想获取上一个数组中的值，可以通过 `computed` 计算属性来实现。

下面是一个示例代码，假设你有一个数组 `items`，你想在循环中获取上一个元素的值：

<template>
  <div>
    <div v-for="(item, index) in items" :key="index">
      上一个元素值：{{ getPrevItem(index) }}
      当前元素值：{{ item }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [1, 2, 3, 4, 5],
    };
  },
  computed: {
    getPrevItem() {
      return (index) => {
        if (index === 0) return null; // 如果是第一个元素，返回null
        return this.items[index - 1]; // 返回上一个元素的值
      };
    },
  },
};
</script>

在上面的代码中，我们定义了一个 `computed` 计算属性 `getPrevItem`，它接受一个参数 `index`，表示当前循环的索引值。在这个计算属性中，我们判断如果当前索引是第一个元素，就返回 `null`，否则返回上一个元素的值。

然后在模板中，我们使用 `v-for` 循环数组 `items`，并在循环中使用 `getPrevItem(index)` 方法来获取上一个元素的值，并将它与当前元素的值一起显示出来。