elementUI从接口获取数据，重新组合下拉参数

　康　

已于 2023-02-15 15:02:18 修改

阅读量630

点赞数 1

分类专栏： vue

于 2022-09-13 14:59:10 首次发布

本文链接：https://blog.csdn.net/qq_40047019/article/details/126833747

版权

前端开发 el-select 字段选择接口请求动态渲染

关键词由CSDN通过智能技术生成

vue 专栏收录该内容

29 篇文章 3 订阅

订阅专栏

html

<el-form-item label="字段" prop="mapField">
    <el-select v-model="form.mapField" placeholder="请选择字段" style="width: 100%;" :disabled="formType != 'add'" clearable>
        <el-option v-for="item in mapField" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
</el-form-item>

// 从接口中，获取字段下拉列表
getFieldSel() {
    requestCommon({
        url: fieldListData(),
        mod: 'GET',
        data: this.paramData
    })
    .then(res => {
    	// console.log(res);
    	var resData = res.resData.records;
    	// console.log(resData);
    	var nameArr = [];
    	for (var i = 0; i < resData.length; i++) {
    		var arr = [];
    		arr['value'] = resData[i].indexValue;
    		arr['label'] = resData[i].indexValue;
    		nameArr[i] = arr;
           }
    	// console.log(nameArr);
    	this.mapField = nameArr;
    })
    .catch(error => {
    	this.outputError(error);
    });
},