uniapp列表arrid1name 111id2name 222id3name 333id4name 444根据id请求接口接口返回的数组显示在各自的id下面怎么实现

要实现根据id请求接口，并将接口返回的数组显示在各自的id下面，可以按照以下步骤进行操作：

1. 在uniapp的页面中，定义一个data属性，用于存储接口返回的数组数据，例如：

data() {
  return {
    list: [] // 存储接口返回的数组数据
  }
}

2. 在页面的生命周期函数onLoad中，调用接口并将返回的数据保存到list中，例如：

onLoad() {
  // 调用接口请求数据
  uni.request({
    url: '接口地址',
    success: res => {
      // 将接口返回的数组数据保存到list中
      this.list = res.data;
    }
  })
}

3. 在页面中，使用v-for指令遍历arr数组，并通过v-if指令判断当前项的id是否与接口返回的数据中的id相匹配，若匹配则显示对应的数据，例如：

<template>
  <view>
    <view v-for="item in arr" :key="item.id">
      <text>{{ item.name }}</text>
      <view v-for="data in list" v-if="data.id === item.id" :key="data.id">
        <text>{{ data.name }}</text>
      </view>
    </view>
  </view>
</template>

通过以上步骤，就可以根据id请求接口，并将接口返回的数组数据显示在各自的id下面