在VueJS中遍历包含两个不同数组的对象

data() {
  return {
    obj: {
      array1: [1, 2, 3],
      array2: ['a', 'b', 'c']
    }
  }
}

<template>
  <div>
    <div v-for="item in mergedArray" :key="item.id">
      {{ item.value }}
    </div>
  </div>
</template>

computed: {
  mergedArray() {
    const array1 = this.obj.array1;
    const array2 = this.obj.array2;
    const merged = [];

    for (let i = 0; i < Math.max(array1.length, array2.length); i++) {
      merged.push({
        id: i,
        value1: array1[i] || '',
        value2: array2[i] || ''
      });
    }

    return merged;
  }
}