当前位置:网站首页 > Vue.js开发 > 正文

Vue-Axios用delete请求传formData

axios用delete请求传formData 用{data:upData}格式传递参数

Confirm(){ var vm=this; var upData = new FormData(); this.$refs['form'].validate((valid) => { if (valid) { Object.keys(vm.newData).forEach(function(key){ upData.append(key, vm.newData[key]); }); request.delete(url,{data:upData},{ headers: { 'Content-Type':'multipart/form-data'} }) .then(function(response) { if (response.data.code == 200) { vm.findForm(1); } }) .catch(function(error) { console.log(error); }); } else { return false; } }); } ,

vue axios方法 delete格式 put格式 get格式 post 格式 上传数据

formData传数组作为参数

const formData = new FormData() let arr=[{a:1,c:3},{a:2,c:4}]; for(let i=0;i<arr.length;i++){ for(let key in arr[i]){ //假设这个数组对应的字段为box formData.append(`box[${i}][${key}]`,arr[i][key]) } }

FormData.delete()

 

到此这篇Vue-Axios用delete请求传formData的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • vue 判断页面是首次进入还是再次刷新2024-11-30 18:45:10
  • VUE项目启动后特定接口只调用一次2024-11-30 18:45:10
  • VUE-axios统一增加请求头并根据接口返回的状态码判断用户登录状态并跳转登录页2024-11-30 18:45:10
  • VUE根据token,路由判断用户登录状态并跳转登录页2024-11-30 18:45:10
  • vue路由切换报错message: "Navigating to current location (XXX) is not allowed"的解决方案2024-11-30 18:45:10
  • vue递归组件实现多级列表2024-11-30 18:45:10
  • JS阻止鼠标的默认点击事件(例如鼠标的点击右键)2024-11-30 18:45:10
  • JS根据条件将扁平数组树状化2024-11-30 18:45:10
  • VUE实现拖拽2024-11-30 18:45:10
  • js 判断字符串中是否包含某个字符串 删除指定字符2024-11-30 18:45:10
  • 全屏图片