使用element下拉选择器调用接口动态加载数据

HTML部分

<el-select  v-model="searchOptions.orgId" placeholder="请选择部门"  clearable filterable  @change="selectOrg">
            <el-option
             v-for="item in orgOptions"
             :key="item.id"
             :label="item.name"
             :value="item.id"
            >
            </el-option>
</el-select>

保存列表数据

 data() {
    return {
      orgOptions:[],

把请求到的结果保存到定义的空数组中

success: [
            (res) => {
              this.orgOptions = res;
            },
          ],

下面就可以展示了