获取在vue js上显示一个或另一个对象数组的两个值。

data() {
  return {
    array1: [
      { id: 1, name: '对象1' },
      { id: 2, name: '对象2' },
      // ...
    ],
    array2: [
      { id: 1, value: '值1' },
      { id: 2, value: '值2' },
      // ...
    ],
    selectedId: 1, // 默认选中的对象的id
  };
},

<template>
  <div>
    <div v-if="selectedId === 1">
      <ul>
        <li v-for="item in array1" :key="item.id">{{ item.name }}</li>
      </ul>
    </div>
    <div v-else>
      <ul>
        <li v-for="item in array2" :key="item.id">{{ item.value }}</li>
      </ul>
    </div>
  </div>
</template>

<template>
  <div>
    <button @click="selectedId = 1">显示对象数组1</button>
    <button @click="selectedId = 2">显示对象数组2</button>
    <!-- 根据selectedId的值切换显示的对象数组的值 -->
    <div v-if="selectedId === 1">
      <ul>
        <li v-for="item in array1" :key="item.id">{{ item.name }}</li>
      </ul>
    </div>
    <div v-else>
      <ul>
        <li v-for="item in array2" :key="item.id">{{ item.value }}</li>
      </ul>
    </div>
  </div>
</template>