vue如何将字符串变为数组

更新时间：2023年07月05日 15:56:24 作者：php的绯闻女友

这篇文章主要介绍了vue如何将字符串变为数组问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

vue将字符串变为数组

var li=address.split(',')
      //获取索引
      var index=li.indexOf(e);
      if(index>-1){
        //删除数组中的元素
        li.splice(index, 1)
      }
      //将数组转换成字符串
      this.data.address=li.join(',')
      //如果数组为空，则将i隐藏
      if(li.length==0){
        this.activeName=''
      }

vue中get请求传参是数组，变为字符串

问题

vue项目中，用axios封装请求数据时，get请求传递参数为数组时，get拼接url并不能把参数正确的传递过去，

解决

get传参需要前面自己转一下传参的格式

最初错误传参

let provinces= ['1', '2', '3']
axios.get('/gateway/xxx', {
    params: {
      ID: 001,
      provincesData: provinces,
    }
  })
// 上面的请求是 '.../user?ID=001&provincesData[]=1&provincesData[]=2&provincesData[]=3

get直接传数组就会有这种情况

转换传参格式

axios.get('/gateway/xxx', {
    params: {
      ID: 001,
      provincesData: provinces+ '',
    }
  })
// 在参数后面加上（ + ''），即可把数组变成字符串
// 请求变成 '.../user?ID=001&provincesData=1,2,3

JavaScript中将数组变成字符串：数组[arr] + ’ ’

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

详解在Vue中如何实现表单图片裁剪与预览
在前端开发中，表单提交是一个常见的操作，有时候，我们需要上传图片，但是上传的图片可能会非常大，这会增加服务器的负担，同时也会降低用户的体验，因此，我们通常需要对上传的图片进行裁剪和预览，本文主要给大家介绍如何在Vue中进行表单图片裁剪与预览
2023-06-06
深入了解Vue中单向数据流的原理与管理
在Vue中，数据流是指数据的传递和管理方式，而Vue采用的是单向数据流，所以这篇文章就来就来和大家讲讲什么是Vue的数据流以及如何进行数据流管理，感兴趣的可以了解一下
2023-06-06
Vue3如何获取来源路由
这篇文章主要介绍了Vue3如何获取来源路由问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-07-07
Vue 组件化基本使用详情
这篇文章主要给大家分享的是Vue 组件化基本使用，所谓组件化，就是把页面拆分成多个组件，每个组件依赖的 CSS、JS、模板、图片等资源放在一起开发和维护。因为组件是资源独立的，所以组件在系统内部可复用，组件和组件之间可以嵌套，下面来看文章学习内容吧
2021-10-10
解决vuecli3中img src 的引入问题
这篇文章主要介绍了解决vuecli3中img src 的引入问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
vue中怎么区分不同的环境
这篇文章主要介绍了vue中怎么区分不同的环境，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
Vue实现简单网页计算器
这篇文章主要为大家详细介绍了Vue实现简单网页计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
记录vue做微信自定义分享的一些问题
这篇文章主要介绍了记录vue做微信自定义分享的一些问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
Vue3中使用pnpm搭建monorepo开发环境
这篇文章主要为大家介绍了Vue3中使用pnpm搭建monorepo开发环境示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
Vue前端如何实现生成PDF并下载功能详解
在前端的岗位上经常需要实现个生成个并下载的可视化图表页PDF文件,这篇文章主要给大家介绍了关于Vue前端如何实现生成PDF并下载功能的相关资料,需要的朋友可以参考下
2021-10-10