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

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

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

img

img

img

img

只需要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: ''
      }

你首先获取到数据。从截图来看返回的是对象所以你需要用for in循环。生成一个数组数组里有vakur和tect。value是id，text是显示嗯文字。然后select得option用这个数组v-for循环出来

img


我获得了这样的数组，怎么样可以分开id,name，然后再用v-for循环获得呢

请问我现在得到了 但是这个选择框还是有问题 怎么解决

img

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632