怎样将从后端请求的数据放到页面中的下拉框内

问题如下:
已经从后端请求到了数据

img


这个是请求后端数据的代码

img


这个是页面代码,受检单位这个是个下拉框

img


现在的问题就是该怎么将后端的请求到的数据全部赋值到页面中的下拉框内

<template>
  <el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

<script>
  export default {
    data() {
      return {
        options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value: ''
      }
    }
  }
</script>

这个是项目的页面,点击合同编号的选择组件后,选择好合同之后,受检单位跟着向后台通过固定的URL地址发送请求,得到所有的数据

img



```javascript
  <a-select-option value="jack">Jack</a-select-option>

```
循环选项就行

获取到数据 。在el-select标签里 v-for 循环 生成option