一. 问题描述:
vue前端采用element-ui组件 Cascader 级联选择器 进行城市级联时,得到的是一个数组;而后端要求是字符串类型。
二. 问题总结:
前端向后端传值时,将数组转为字符串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(',')
数组转字符串,转换成功;在通过ajax传值给后端。