vue element ui el-select多选与后端传值(多选,换成字符串数组的形式传值)

未处理时,表单传值如下:
timeRange[0]: 2022-10-14
timeRange[1]: 2022-11-14
customerRegionint[0]: 山西省
customerRegionint[1]: 长治市
industry[0]: 1,1-1
industry[1]: 1,1-2
industry[2]: 2,2-1
industry[3]: 2,2-2
industry[4]: 2,2-3
industry[5]: 2,2-4

只需要加这句处理一下: this.queryParams.timeRange = this.queryParams.timeRange.join(",")
    /** 查询客户列表 */
     getList() {
      this.loading = true;
      // 复制对象
      var queryParams = JSON.parse(JSON.stringify(this.queryParams));

      //时间换成字符串数组
      if (this.queryParams.timeRange) {
        queryParams.timeRange = this.queryParams.timeRange.join(",");
      }

      // 行业换成字符串数组
      if (this.queryParams.industry) {
        queryParams.industry = this.queryParams.industry.join(",");
      }
      // 地区换成字符串数组
      if (this.queryParams.customerRegionint) {
        queryParams.customerRegionint =
          this.queryParams.customerRegionint.join(",");
      }

      console.log(queryParams);
      listCustomer(queryParams).then((response) => {
        this.customerList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },

表单传值的结果如下:
timeRange: 2022-10-07,2022-11-15
customerRegionint: 内蒙古自治区,赤峰市
industry: 1,1-1,1,1-2,2,2-1,2,2-2,2,2-3,2,2-4

你可能感兴趣的:(技术,vue.js,javascript,前端)