vue 发起数据请求 传递的对象参数为空就删除当前属性

最新推荐文章于 2023-07-10 18:11:51 发布
最新推荐文章于 2023-07-10 18:11:51 发布
阅读量2.3k 收藏 7
点赞数 1
分类专栏： vue js uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A_Brave/article/details/117075086
版权
vue 同时被 3 个专栏收录
23 篇文章 0 订阅
订阅专栏
uniapp
19 篇文章 1 订阅
订阅专栏
js
17 篇文章 0 订阅
订阅专栏

问题

接口对接，传给后端的查询参数不能是空字符串(只传有值的属性)，否则会查不到数据，因为双向数据绑定的原因会事先给个默认的空值，导致会查询不到数据。
在这里插入图片描述
请求发送的数据
在这里插入图片描述

解决方案

在请求拦截器中循环判断请求数据对象data中的属性是否为空，如果为空就删除当前属性
在这里插入图片描述

添加在之后打印出的请求数据，完美的解决了问题
在这里插入图片描述

A_Brave
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
axios的get方法中，参数值为null时，参数被删除的问题
robinspada的博客
03-14 8447
问题描述 vue开发的时候，发现get请求的参数值为null，这个参数会被删除掉，在后端检查这个参数时不存在就会报错。 Example: 入力参数: { foo: null, bar: "baz", qux: undefined } 变换后的参数: ?bar=baz foo被删除了，后台参数检查时发现foo不存在，就会报错 参照 https://github.com/axios/axios/issues/1139 这个问题在axios:release/1.0.0-beta.1中被修改，但是没有反.
Vue 请求传公共参数的操作
10-15
本文将详细介绍如何在Vue中使用axios库实现请求时传递这些公共参数。 首先，axios是一个非常流行的JavaScript库，用于在浏览器和node.js环境中发起HTTP请求。它提供了丰富的功能，包括拦截器（interceptors），这让...
vuejs清空表单数据、删除对象中的空属性公共方法
lemon今天学习了吗？的博客
07-10 1708
对于复杂数据，使用element自带的方法可能不能满足我们的需求，所以可以封装一个公共方法在全局。
Vue移除对象中的空参数，使用lodash移除对象中的空参数
无枫的博客，分享Java及Vue方向的技术文章
03-31 1万+
在一些api参数加密场景中，经常会遇到将请求参数去除值为空的参数并排序的情况，所以这里记录一下如何在vue中使用lodash去除对象中的空参数。
vue前端传值 过滤掉空值及空字符串问题
蓝胖子的博客
12-07 3324
vue前端传值 过滤掉空值及空字符串问题
Get请求中带.0数字被舍掉的问题
AndyLee的博客
08-16 243
get请求.0被去掉的 问题
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
10-15
本文将深入探讨如何在Vue和Node.js环境中实现MongoDB数据库的查询以及数据在页面上的传递操作。首先，我们来了解Vue.js和Node.js各自的角色。Vue.js是一个轻量级的前端JavaScript框架，用于构建用户界面，而Node.js...
vue-resourc发起异步请求的方法
10-15
在 POST 请求中，你可以传递一个包含请求体的数据对象，以及一个选项对象，其中 `emulateJSON` 选项可以使浏览器模拟表单提交。 - **JSONP 请求**： 对于需要跨域请求的场景，JSONP 是一种常见的解决方案。Vue-...
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
10-16
当对同一接口连续发起请求，即使参数不同，由于网络环境的不确定性，后发起的请求可能会先于先前的请求完成，这可能导致数据覆盖或顺序混乱。例如，如果在一个场景中，我们需要为三个不同的部门请求人员列表，而这些...
Vue请求java服务端并返回数据代码实例
10-15
本文将详细讲解如何使用Vue.js通过axios库向Java服务端发起请求并处理返回的数据。 首先，Vue.js是一个轻量级的前端框架，它允许开发者构建用户界面并实现组件化。axios则是一个基于Promise的HTTP库，可以在浏览器...
SpringBoot项目拦截器中通过流获取Request请求对象中的参数后，控制器中@RequestBody注解参数获取不到
竹林幽深
02-24 2524
https://blog.csdn.net/qq_30401609/article/details/82760578 参考地址: 竹～林: https://blog.csdn.net/a582127421/article/details/78321888 竹～林: https://www.codercto.com/a/47057.html 竹～林: https://blog.csdn.ne...
vue输入框axios请求传参undefined，自动过滤为空的参数
Crazy_GirlLL的博客
04-26 1573
我门如果要传递值为undefined的参数，可以将该字段置为空字符串。参数中有值是undefined，传参时就自动过滤了该参数。
解决vue前端传空值、空字符串问题
qq_42970173的博客
04-29 1万+
在与后端调试接口时，经常接口里的参数会有空值，如果每次都要后端写判断，代码容易冗余。 所以就在前端做判断，在传值时先判断接口参数是否为空，为空则不传，有值则传参。 这里的例子是vue 列表接口获取全部列表值 一般列表页面都做了搜索和分页功能，所以带的参数就有：搜索字段、当前页码、页码最大数值（param,pageNo,pageSize）只是举例，不一定是一模一样 在加载列表接口时，这些条件会拼接...
VUE学习(十七) VUE3使用axios post的时候参数传递为空值
easyboot的专栏
01-09 2055
1.在使用axios发现post到后端的参数值变为空值。多次测试后发现只有使用下面的方法可用。参数名必须为字符串。参数要写成paramss 类型才行。2.后台的WEBAPI。
vue-请求接口，出现参数不能为空？ 我也不知道你要什么数据，可不就是为空？
不想起床
03-13 8524
大家做项目可能会出现请求接口，该传的参数都传，会报错请求参数不能为空，但是我也不知道你要什么数据，我该填啥？ 下面我为大家一一解答 先来看一下场景 点击添加用户按钮，弹出对话框，填写数据，请求接口 然后你写接口会报请求参数不能为空的提示 ** 敲黑板！！！！ ** 这里有两个事件，一个是点击添加用户，一个是对话框里面的确定按钮。出现参数不能为空的原因，很可能是你在点击添加用户的时候，就请求接...
vue删除数组对象中的所有空数据
不想起床
05-18 1万+
场景 动态表头，动态表身体。但是表头肯定是有数据才展示，但是后端返回的数据，有的是null，这就有一个问题，看图你就明白了 三个 表头，五个数据，这怎么对应？ 所以我就想 把为null 的数据全部删掉，只展示有数据的 代码 if (this.recommended) { this.recommended.forEach(element => { for (var key in element) { if (element[key] ==
vue 判断数据是否为空
热门推荐
dearyang
06-25 4万+
<template> <div>数据是否为空</div> </template> <script> export default { name: "Orders", data() { return { abj: {}, arr: [] }; }, created() { //判读数组是否为空 if(this.arr == undefined || this.arr.le.
VUE—发送请请求参数去空字符串 空对象 空数组
Poppy_LYT的博客
08-30 1004
1、utils index.js filterParams(obj) { const keys = Object.keys(obj) keys.forEach(key => { const value = obj[key] if (this.isObject(value)) this.filterParams(value) // 如果是对象再调一遍该方法 if (this.isEmpty(value)) delete obj[key]
vue中get请求可以用URLSearchParams传递参数吗
最新发布
07-16
在Vue中，可以使用URLSearchParams对象来传递参数进行GET请求。URLSearchParams是浏览器原生支持的API，用于处理URL参数。你可以通过创建URLSearchParams对象，并使用它的set()方法来设置参数键值对。然后，将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值