vue如何把接口返回的数据循环遍历到表单中

你可以使用 `v-for`指令来循环遍历接口返回的数据，然后将数据绑定到表单中。具体步骤如下：

1.在 Vue 组件中定义一个数据属性，用于存储接口返回的数据。

2.使用 `axios` 或其他 HTTP 客户端库发送请求获取接口数据，并在成功回调函数中将数据赋值给定义的数据属性。

3.在模板中使用 `v-for` 指令循环遍历数据，并将数据绑定到表单元素的 `value` 属性上。

示例代码如下：

<template>
  <div>
    <form>
      <div v-for="(item, index) in data" :key="index">
        <label>{{ item.label }}</label>
        <input type="text" v-model="item.value">
      </div>
    </form>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      data: []
    };
  },
  mounted() {
    axios.get('/api/formData').then(response => {
      this.data = response.data;
    }).catch(error => {
      console.error(error);
    });
  }
}
</script>

在上述示例中，我们使用 `axios` 发送 GET 请求获取表单数据，成功后将数据赋值给 `data` 属性。然后使用 `v-for` 指令循环遍历数据，并将数据绑定到表单元素的 `value` 属性上。这样就可以将接口返回的数据展示在表单中了。