【Vue】前端向后端传值,将数组转为字符串String类型— join()方法

简介: 【Vue】前端向后端传值,将数组转为字符串String类型— join()方法

一. 问题描述:


vue前端采用element-ui组件 Cascader 级联选择器  进行城市级联时,得到的是一个数组;而后端要求是字符串类型。


429c6bdc62d04a508221926be0aa0337.png

0ed3ba6090274922ac2db2958e10b0a7.png


二. 问题总结:


前端向后端传值时,将数组转为字符串string类型。


三、问题解决


join()方法可以将数组以某种分隔符组合成字符串


例子:


arr={"ee","ff","gg"};


str=arr.join(",") ;     //通过空格将数组组合成字符串 输出结果为ee,ff,gg

//处理所选城市数据【数组转字符串】 [1,2,3] --> 1,2,3
//student.cityIds 是学生表中所在城市字段
//第一个cityIds 是后端要的String类型字段
//第二个cityIds 是前端得到的String数组
//通过 join(',') 进行转换,中间用 , 号隔开
this.student.cityIds = this.student.cityIds.join(',')

1abd113b34204e0489b2d71e2f09595f.png

数组转字符串,转换成功;在通过ajax传值给后端。

各位CSDN的友友们,要是还要其他方法实现,欢迎联系分享噢!不同的方法不同的思路,值得学习,多多益善。


相关文章
string(字符串)
在 Lua 中,字符串可以用双引号或单引号定义,如 `string1 = "this is string1"` 和 `string2 = 'this is string2'`。多行字符串可由两个方括号包围,例如 `html` 变量所示,它包含了一个 HTML 片段。Lua 会尝试将数字字符串转换为数值进行算术运算,但混合字符串和数字可能导致错误,如 `"error" + 1`。
|
8天前
|
Java
Java String类型转换成Date日期类型
Java String类型转换成Date日期类型
|
9天前
|
消息中间件 数据采集 SQL
DataWorks操作报错合集之通过dataworks把表数据发送到kafka,表字段全是string类型如何解决
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
22 2
|
13天前
|
缓存 安全 Java
【Java基础】String、StringBuffer和StringBuilder三种字符串对比
【Java基础】String、StringBuffer和StringBuilder三种字符串对比
9 0
|
14天前
|
存储 消息中间件 缓存
Redis 命令全解析之 String类型
Redis 命令全解析之 String类型
14 1
|
15天前
|
C++
【C++】std::string 转换成非const类型 char* 的三种方法记录
【C++】std::string 转换成非const类型 char* 的三种方法记录
7 0
|
存储 编译器 Linux
标准库中的string类(中)+仅仅反转字母+字符串中的第一个唯一字符+字符串相加——“C++”“Leetcode每日一题”
标准库中的string类(中)+仅仅反转字母+字符串中的第一个唯一字符+字符串相加——“C++”“Leetcode每日一题”
|
27天前
|
JavaScript
js 字符串String转对象Object
该代码示例展示了如何将一个以逗号分隔的字符串(`'1.2,2,3,4,5'`)转换为对象数组。通过使用`split(',')`分割字符串并`map(parseFloat)`处理每个元素,将字符串转换成浮点数数组,最终得到一个对象数组,其类型为`object`。
|
9月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
98 0
|
9月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
66 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置