＜el-select＞标签中当服务器传过来字符串形式的多个下拉keyName时，如果根据返回值动态出下拉框选项

Jerry_zmk

于 2020-08-01 12:37:57 发布

阅读量312

点赞数

分类专栏：前端业务处理文章标签： vue 数据结构 javascript

本文链接：https://blog.youkuaiyun.com/qq_42675769/article/details/107729020

版权

前端业务处理专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种根据后台返回的字符串动态生成下拉选择框（el-select）选项的方法，通过解析字符串并转换成对象数组，实现天数减免、金额减免和期次减免的选择功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

//this.deductTypeList 为Vm实例中 data（）中属性：deductTypeList :[]
let deductType=“1|3”;
let deductTypesArray=deductType.split("|");
  //初始化数组，哈 百度了下 发现这是最直接的：删除所有数组索引的方式
         let deductTypeList2=[];
         this.deductTypeList=deductTypeList2;
         for(let i in deductTypesArray){
           if(deductTypesArray[i]=="1"){
            let deductTypeArray={ 
                  value:"1",
                  label:"天数减免"};
             this.deductTypeList.push(deductTypeArray);
           }else if(deductTypesArray[i]=="2"){
              let deductTypeArray={ 
                  value:"2",
                  label:"金额减免"};
             this.deductTypeList.push(deductTypeArray);
           }else if(deductTypesArray[i]=="3"){
             let deductTypeArray={ 
                  value:"3",
                  label:"期次减免"};
                this.deductTypeList.push(deductTypeArray);
           }
          //整个循环下来后， this.deductTypeList数组就是根据后台返回值，动态出的下拉属性了。用于<el-select>标签中