解决vue.js提交数组时出现数组下标的问题

 更新时间:2019年11月05日 16:53:08   作者:不忘初心1123  
今天小编就为大家分享一篇解决vue.js提交数组时出现数组下标的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

这是因为在vue.js 里面的ajax.js文件内对数据进行了深度解析了,我们只需要

let axios = Axios.create({
  baseURL: 'http://127.0.0.1:8761/',
  headers: {'X-Requested-With': 'XMLHttpRequest'},
  transformRequest: [function (data) {
    //在data当中存在数组的话需要加上{arrayFormat: 'brackets'} 否则提交时数组会显示下标
    data = Qs.stringify(data,{arrayFormat: 'brackets'});
    return data;
  }],
  withCredentials: true

});

加入{arrayFormat: 'brackets'}就可以了

以上这篇解决vue.js提交数组时出现数组下标的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue3结合TypeScript项目开发实践总结

    Vue3结合TypeScript项目开发实践总结

    本文主要介绍了Vue3结合TypeScript项目开发实践总结,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • vue中关于redirect(重定向)初学者的坑

    vue中关于redirect(重定向)初学者的坑

    这篇文章主要介绍了vue中关于redirect(重定向)初学者的坑,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • vue.js父子组件通信动态绑定的实例

    vue.js父子组件通信动态绑定的实例

    今天小编就为大家分享一篇vue.js父子组件通信动态绑定的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vue前端整合Element Ui的教程详解

    Vue前端整合Element Ui的教程详解

    这篇文章主要介绍了Vue前端整合Element Ui,本节内容服务于SpringBoot + Vue 搭建 JavaWeb 增删改查项目,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • Vue如何实现文件预览和下载功能的前端上传组件

    Vue如何实现文件预览和下载功能的前端上传组件

    在Vue.js项目中,使用ElementUI的el-upload组件可以轻松实现文件上传功能,通过配置组件参数和实现相应的方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-09-09
  • vue使用nprogress实现进度条

    vue使用nprogress实现进度条

    这篇文章主要为大家详细介绍了vue使用nprogress实现进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • 使用Pinia Persistedstate插件实现状态持久化的操作方法

    使用Pinia Persistedstate插件实现状态持久化的操作方法

    Pinia 作为 Vue 的新一代状态管理工具,以其轻量化和易用性受到开发者的喜爱,然而,Pinia 默认使用内存存储状态,为了解决这个问题,我们可以借助 Pinia Persistedstate 插件来实现状态的持久化存储,本文将详细介绍该插件的使用方法,需要的朋友可以参考下
    2024-11-11
  • vue使用技巧及vue项目中遇到的问题

    vue使用技巧及vue项目中遇到的问题

    这篇文章主要介绍了vue使用技巧及vue项目中遇到的问题,本文给大家带来的只是一部分,后续还会持续更新,感兴趣的朋友跟随脚本之家小编一起学习吧
    2018-06-06
  • Vue + Webpack + Vue-loader学习教程之功能介绍篇

    Vue + Webpack + Vue-loader学习教程之功能介绍篇

    这篇文章主要介绍了关于Vue + Webpack + Vue-loader功能介绍的相关资料,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-03-03
  • vue 中directive功能的简单实现

    vue 中directive功能的简单实现

    本篇介绍directive的简单实现,主要学习其实现的思路及代码的设计,需要的朋友参考下吧
    2018-01-01

最新评论