【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的友友们,要是还要其他方法实现,欢迎联系分享噢!不同的方法不同的思路,值得学习,多多益善。


相关文章
|
22天前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】React与Vue:前端框架的巅峰对决与选择策略
|
22天前
|
前端开发 JavaScript 数据管理
React与Vue:两大前端框架的较量与选择策略
【10月更文挑战第23天】React与Vue:两大前端框架的较量与选择策略
|
27天前
|
JavaScript 前端开发 算法
前端优化之超大数组更新:深入分析Vue/React/Svelte的更新渲染策略
本文对比了 Vue、React 和 Svelte 在数组渲染方面的实现方式和优缺点,探讨了它们与直接操作 DOM 的差异及 Web Components 的实现方式。Vue 通过响应式系统自动管理数据变化,React 利用虚拟 DOM 和 `diffing` 算法优化更新,Svelte 通过编译时优化提升性能。文章还介绍了数组更新的优化策略,如使用 `key`、分片渲染、虚拟滚动等,帮助开发者在处理大型数组时提升性能。总结指出,选择合适的框架应根据项目复杂度和性能需求来决定。
|
17天前
|
JavaScript 前端开发 开发者
|
22天前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】 React与Vue:前端框架的巅峰对决与选择策略
|
29天前
|
前端开发 JavaScript API
2025年前端框架是该选vue还是react?有了大模型-例如通义灵码辅助编码,就不用纠结了!vue用的多选react,react用的多选vue
本文比较了Vue和React两大前端框架,从状态管理、数据流、依赖注入、组件管理等方面进行了详细对比。当前版本和下载量数据显示React更为流行,但Vue在国内用户量增长迅速。Vue 3通过组合式API提供了更灵活的状态管理和组件逻辑复用,适合中小型项目;React则更适合大型项目和复杂交互逻辑。文章还给出了选型建议,强调了多框架学习的重要性,认为技术问题已不再是选型的关键,熟悉各框架的最佳实践更为重要。
|
2月前
|
Java 索引
java基础(13)String类
本文介绍了Java中String类的多种操作方法,包括字符串拼接、获取长度、去除空格、替换、截取、分割、比较和查找字符等。
39 0
java基础(13)String类
|
1月前
|
Java
【编程基础知识】(讲解+示例实战)方法参数的传递机制(值传递及地址传递)以及String类的对象的不可变性
本文深入探讨了Java中方法参数的传递机制,包括值传递和引用传递的区别,以及String类对象的不可变性。通过详细讲解和示例代码,帮助读者理解参数传递的内部原理,并掌握在实际编程中正确处理参数传递的方法。关键词:Java, 方法参数传递, 值传递, 引用传递, String不可变性。
56 1
【编程基础知识】(讲解+示例实战)方法参数的传递机制(值传递及地址传递)以及String类的对象的不可变性
|
1月前
|
安全 Java 测试技术
Java零基础-StringBuffer 类详解
【10月更文挑战第9天】Java零基础教学篇,手把手实践教学!
26 2
|
1月前
|
存储 安全 C++
【C++打怪之路Lv8】-- string类
【C++打怪之路Lv8】-- string类
21 1

热门文章

最新文章

下一篇
无影云桌面