element ui admin 如何处理后端传来的data 并且动态生成option

Question

我需要根据后端返回的数据，得到data里面的中介id和name。然后我想在edit的输入框，这里经手中介有一个选择框可以得到后端传来的中介名字，然后选完后。我再点击确定，但是这里的接口传入的应该是id，请问我这样的情况该如何处理呢

下图分别是前端页面 传中介的接口和postman测试出来的结果 还有最后点确定完成修改的接口

Answer 1

只需要id,value应该是id，label才是名称，变量绑定v-model属性名称即可：

<el-select v-model="inStudyId" filterable placeholder="请选择" clearable style="width:200px">
            <el-option
              v-for="study in studyList"
              :key="study.inStudyId"
              :label="study.inStudyName"
              :value="study.inStudyId"
            />
          </el-select>

data() {
    return {
        inStudyId: ''
      }