新桥--多选框实现接收后台数据

html:

    <!-- 多选筛选 -->
        <el-form-item size="small " label="政治面貌:">
          <el-select
            size="small"
            style="width:300px"
            v-model="filtrateform.politics"
            multiple
            placeholder="请选择政治面貌"
          >
            <el-option v-for="item in selectpolitics" :key="item.value" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
  <el-form-item size="small" label="学历:">
          <el-select
            size="small"
            style="width:200px"
            v-model="filtrateform.education"
            multiple
            placeholder="请选择学历"
          >
            <el-option v-for="item in selecteducation" :key="item.value" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
             <el-form-item size="small" label="上传资料类型:">
          <el-select
            size="small"
            style="width:200px"
            v-model="filtrateform.uploadedData"
            multiple
            placeholder="请选择"
          >
            <el-option v-for="item in selecteuploadedData" :key="item.value" :value="item.value"></el-option>
          </el-select>
        </el-form-item>

data:

 // 政治面貌多选
      selectpolitics: [],
      //学历多选
      selecteducation: [],
      //资料类型多选
      selecteuploadedData: [],
      selecteoperatingPost: [],

mounted：

  mounted() {
    this.$nextTick(() => {
      this.sxlb(); //筛选列表   页面出现就加载运行
    });
  },

methods：

  // 获取筛选列表
    sxlb() {
      let _this = this;
      let comapi = new apicom();
      //获取筛选数据
      comapi.getDataByGet("codedata.do", {}, res => {
        console.log("豆浆数据", res.data.data);  //查看后端数据

        let xl = res.data.data.EDUCATION; //学历赋值
        for (let i of xl) {
          _this.selecteducation.push({ value: i });
        }
        let zzmm = res.data.data.POLITICAL; //政治面貌
        for (let i of zzmm) {
          _this.selectpolitics.push({ value: i });
        }
        let gzgw = res.data.data.JOB; //工作岗位
        for (let i of gzgw) {
          _this.selecteoperatingPost.push({ value: i });
        }
        let sclx = res.data.data.DOCSORT; //上传类型
        for (let i of sclx) {
          _this.selecteuploadedData.push({ value: i });
        }
      });
    },