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

2023-10-27

未处理时,表单传值如下:
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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

  • 带换行符的 React/Momentjs 日期格式

    我有一个日期字符串 我想对其进行格式化 其中数字位于月份下 Jul 6 我尝试了几种不同的方法来添加新行
  • 如何实时改变setInterval的速度

    我想知道如何实时更改 setInterval 的速度 例如 if score lt 10 repeater setInterval function spawnEnemy 1000 if score gt 10 repeater setIn
  • 如何在通过 .ajaxForm() 提交表单之前执行一些操作?

    我正在使用 ajaxForm 框架来发送我的数据 而无需重新加载我的页面 ReplayForm ajaxForm success function data alert Success 现在 我想在提交表单之前检查一些条件 如果条件为假 则
  • 如何判断一个网页是否支持jquery?

    确定网页是否启用 jquery 的最佳方法是什么 如果这是确定它的最佳方法 则使用 jquery 本身 if jQuery jquery object exists jQuery 并不神奇 它本质上只是一个大对象 您可以像检查任何其他对象一
  • Eslint 从另一个文件确定全局变量

    我试图以这样的方式设置 ESLint 使其在对实际目标文件进行 linting 之前解析全局声明文件 这样我就不必将所有确实是全局的函数和变量声明为全局 而是让解析器弄清楚 In 一些 模块 js function do something
  • 使用 Firefox 插件 sdk 的 nsISocketTransportService

    我正在尝试使用 Firefox 来读取 SSH 横幅 IE 当您最初连接到 SSH 服务器时 服务器会向您发送其横幅 标识服务器软件 并且您向 SSH 服务器发送您的横幅 标识您的客户端软件 为此 我使用以下 URL 中的示例 firefo
  • 使用 jQuery Select2 清除下拉菜单

    我正在尝试使用奇妙的方式以编程方式清除下拉菜单Select2 http ivaynberg github com select2 图书馆 使用 Select2 远程 ajax 调用动态填充下拉列表query option HTML
  • 设置双指缩放时精确的滚动位置

    我正在创建一个地图应用程序 它将标记图像放置在画布上并滚动到它 我正在使用浏览器的捏缩放和滚动来放大 缩小地图 然而 我注意到有一些奇怪的行为 我想知道如何解决它 这有点难以解释 但我们开始吧 假设您处于网页的标准缩放级别 无法进一步缩小
  • 在javascript中访问函数内的实例变量?

    如何以最简单的方式访问函数内的实例变量 function MyObject Instance variables this handler Methods this enableHandler function var button doc
  • 使用带有少量项目的 v-slide-group 时出现问题

    我在使用 v slide group 时遇到问题 有时我有 2 3 个项目 有时我有 10 个或更多项目 但项目较少时 它不会显示箭头 幻灯片项目也不居中 这是我的 HTML div div
  • 访问 nuxt 配置文件中的存储

    我想添加通过 Nuxt 静态生成的动态路由 我定义了一个客户端 服务器端存储asyncData方法 我想将这个存储值 一个数组 映射到我的nuxt config js文件使其成为 动态 静态 路线图nuxt generate命令 但如何访问
  • JS 保留以零结尾的小数[重复]

    这个问题在这里已经有答案了 在JavaScript中 是否可以 锁定 十进制数 以保留以零结尾的 浮点数 例如 我有 2 个不同的数字 如下所示 伪代码 let a 1 0 let b 1 00 a b true should be fal
  • karma/jasmine 控制台更详细的测试结果

    我使用 Karma 和 Jasmine 进行 javascript 单元测试 假设我有一个失败的测试 如下所示 expect objectA toEqual expectedObjectA 当失败时 我看到控制台上转储了两个对象 并显示一条
  • 如何在 React Native 上显示 SVG 文件?

    我想显示 svg 文件 我有一堆 svg 图像 但我找不到显示的方式 我尝试使用Image and Use的组成部分反应本机 svg https github com magicismight react native svg但他们不这样做
  • 检索 css3 缩放元素的宽度/高度

    我正在与 offsetWidth 属性的奇怪之处 我认为 作斗争 这是场景 比方说 我有一个span标签 在我的js中 在某个时刻我执行css3转换 对于这个元素 例如 el set styles transform scale scale
  • JavaScript中如何确保输入的值是数字而不是字符串?

    我创建了这个函数 function num var x prompt please enter your first number var y prompt please enter your second number if isNaN
  • 全局传递 xhr onload 函数的值

    在我正在创建的应用程序中 我有以下 XMLHttpRequest 并且我正在尝试传递结果data在 的里面xhr onload 到在同一父函数中创建的数组中 var url http api soundcloud com resolve j
  • javascript 是否有等效的 __repr__ ?

    我最接近Python的东西repr这是 function User name password this name name this password password User prototype toString function r
  • Service Worker 与 Shared Worker

    Service Worker 和 Shared Worker 有什么区别 我什么时候应该使用 Service Worker 而不是 Shared Worker 反之亦然 Service Worker 具有共享 Worker 之外的附加功能
  • 以角度访问窗口 TemplateUrl 内的范围

    我的模式有一个 windowTemplateUrl 如下 div class modal fade div class modal dialog div class modal content square btn div div div

随机推荐

  • windows系统下利用脚本批量修改文件夹下的文件属性

    步骤 1 在文件夹中新建一个文本文档 2 在文本文档中写入 ren 后缀 后缀 加号表示空格 如修改txt到csv则输入ren txt csv 3 保存文本文档 并修改后缀为bat格式 4 双击运行即可
  • mybatis批量更新 一条成功,多条失败

  • 上班族做什么副业赚钱?全面解析副业赚钱模式!

    每个人做事都需要输出精力 你的精力放在哪 时间就在哪 产生的结果也在哪 最近可能是大家对副业赚钱呼声最高的时候 怎么找到副业 如何做副业 是现阶段更多人在思考的问题 网上流行十多年的网赚事业 可能是想找副业的人首先想到的领域 我为什么把精力
  • window.history.go(-1)

    window history go 1 返回上一页
  • 鸿蒙设备开发实战8

    第7章 设备联网上云 7 1 对接华为云iot平台 华为云iot平台介绍 华为云物联网平台即华为设备接入服务 loT Device Access 提供海量设备连接上云 设备和云端 双向消息通信 批量设备管理 远程控制和监控 OTA升级 设备
  • 手撸代码-括号序列

    思路 1 利用栈的后进先出的特点 遇到左括号入栈 遇到右括号则将栈顶元素与右括号判断是否相等 不相等则不是合法的括号序列 2 循环结束后 栈为空 说明不是合法的括号序列 public boolean isValid String s Vec
  • 常见算法笔试或面试题

    Problem 1 Is it a loop 判断链表是否有环 Assume that wehave a head pointer to a link list Also assumethat we know the list is sin
  • springboot-分页功能

    1 分页功能的作用 分页功能作为各类网站和系统不可或缺的部分 例如百度搜索结果的分页等 当一个页面数据量大的时候分页作用就体现出来的 其作用有以下5个 1 减少系统资源的消耗 2 提高数据库的查询性能 3 提升页面的访问速度 4 符合用户的
  • ue4 小知识点 3d ui widget 跟随摄像机转动 始终面对摄像机

    1 c 用UWidgetComponent UesedUICom NewObject
  • getchar()的作用

    就目前而言 我所遇到的getchar 有两处 1 在程序末尾加getchar 用来让程序不会立即退出 跟system pause 是一样的功能 可能你在写完代码后用ctrl F5运行时 不加getchar 程序也不会立即退出 这是当然的 编
  • Javascript中0除以0得到NaN,1除以0得到infinity(无穷尽)

    1 任何数值除以0都会导致错误而终止程序执行 但是在 JavaScript 中 会返回出特殊的值 因此不会影响程序的执行 2 比0大的数除以0 则会得到无穷大 所以 js 用 Infinity 来显示出来
  • Android Socket 服务器ServerSocket发数据到客户端

    使用Socket和ServerSocket在局网使用二台电脑 创建服务器和客户端连接 发送数据 第一步创 建服务器 在台试电脑 AbdroidStudro MainActivity类创建 ServerSocket服务器 发送数据给笔记本电脑
  • vue里面有ajax,vue中的ajax请求

    一 fetch 原生js新增 用于请求数据 fetch url headers token localStorage getItem token content type apllication xxx urlencoded method
  • 负载测试(Load Test)

    负载测试 Load Testing 是确定在各种工作负载下系统的性能 目标是测试当负载逐渐增加时 系统组成部分的相应输出项 例如通过量 响应时间 CPU负载 内存使用等来决定系统的性能 负载测试是一个分析软件应用程序和支撑架构 模拟真实环境
  • 【Robot Framework】List 的相关使用方法

    List在编程里面是非常重要的一个数据结构 也有丰富的用法 不过 RF虽然虽然封装比较好 但和直接用python比起来 灵活性真的是非常差啊 先还是祭出官方文档 http robotframework org robotframework
  • 关于unichar字符串的初始化

    为什么80 的码农都做不了架构师 gt gt gt 在用unichar初始化汉字字符的时候 开始使用了以下代码 unichar c 可 报错如下 character too large for enclosing character lit
  • chatGPT这个风口普通人怎么抓住

    抓住ChatGPT这个风口 普通人可以考虑以下几个方面 学习和了解AI技术 了解人工智能和自然语言处理的基本原理 深入了解GPT模型的概念和应用场景 这将帮助您更好地理解ChatGPT的潜力和限制 寻找创造性的应用场景 ChatGPT可以应
  • Scala在大数据领域的崛起:当前趋势和未来前景

    文章首发地址 Scala在大数据领域有着广阔的前景和现状 以下是一些关键点 Scala是一种具有强大静态类型系统的多范式编程语言 它结合了面向对象编程和函数式编程的特性 这使得Scala非常适合处理大数据 因为它能够处理并发 高吞吐量和复杂
  • @viewChild

    https www cnblogs com mttcug p 8004359 html 转载于 https www cnblogs com yuyedaocao p 10385337 html
  • vue element ui el-select多选与后端传值(多选,换成字符串数组的形式传值)

    未处理时 表单传值如下 timeRange 0 2022 10 14 timeRange 1 2022 11 14 customerRegionint 0 山西省 customerRegionint 1 长治市 industry 0 1 1