vue 提交表单抹除字段为空的数据

server/2024/11/14 6:18:50/

使用背景

在配合后端post请求接口的时候 仅需要将有值的字段传入接口中

关键代码

javascript">cleanDataObj(obj) {Object.keys(obj).forEach((key) => {if (obj[key] === '') {delete obj[key]}})},

demo如下

javascript">export default {data() {return {demoObject:{name:'小花',sex:'',hobby:'爬山',}}},methods:{cleanDataObj(obj) {Object.keys(obj).forEach((key) => {if (obj[key] === '') {delete obj[key]}})},demoHandle(){let needObject =  this.cleanDataObj(this.demoObject)console.log(needObject)// 结果为 {name:'小花',hobby:'爬山'}}}}

希望对你们有所帮助


http://www.ppmy.cn/server/141782.html

相关文章

C#设计原则

文章目录 项目地址一、开放封闭原则1.1 不好的版本1.2 将BankProcess的实现改为接口1.3 修改BankStuff类和IBankClient类二、依赖倒置原则2.1 高层不应该依赖于低层模块2.1.1 不好的例子2.1.2 修改:将各个国家的歌曲抽象2.2 抽象不应该依于细节2.2.1 不同的人开不同的车(接口…

arcgis for js实现FeatureLayer图层弹窗展示所有field字段方式二

效果和说明 feature图层中的矢量要素包含很多的属性,在点击要素时popupTemplate弹窗显示所有field字段值 上一篇文章提到对field值进行转义,在研究时发现新的弹窗展示所有字段的另一种方式,更加便捷,且样式可自定义 实现代码 &l…

LinkedList和单双链表。

java中提供了双向链表的动态数据结构 --- LinkedList,它同时也实现了List接口,可以当作普通的列表来使用。也可以自定义实现链表。 单向链表:一个节点本节点数据下个节点地址 给定两个有序链表的头指针head1和head2,打印两个链表…

测试实项中的偶必现难测bug--苹果支付丢单问题

问题描述: app支付后,由于某种原因(可能是网络、流量不稳定、或者用户快速频繁操作。。。)会造成一定概率性的回调苹果支付结果失败的情况出现,表现的直观现象就是客户反馈已经支付了,包括苹果支付也是有记录,但是我们的后台显示的是已取消状态的订单 验证难点:测试和…

【Linux进程篇5】理解分析更改->进程优先级❤️

-------------------------------------------------------------------------------------------------------------------------------- 每日鸡汤:无需匆忙,不要将就,缘分到了,就一定会在一起。 -----------------------------…

以太坊系地址衍生算法分层确定性生成逻辑

文章目录 一、前言1.1 衍生算法生成的私钥1.2 随机生成的私钥二、私钥生成及私钥提取2.1 golang如何使用衍生算法生成私钥,然后为用户生成地址2.1.1 实现步骤2.1.2 golang代码示例2.1.3 代码说明2.2 地址交易时,如何提取地址私钥2.2.1 私钥恢复说明2.2.2 golang代码通过助记词…

k8s拓扑域 :topologyKey

主要用于定义Pod亲和性或反亲和性规则中的拓扑域,从而控制Pod在集群中的调度。 参数描述:仅支持在工作负载亲和/工作负载反亲和调度策略中使用。先圈定拓扑域(topologyKey)指定的范围,然后再选择策略定义的内容。 to…

详解二叉树(上)---堆

目录 一、树 1.2 树的相关术语 1.3 树的表示方法 二、二叉树 2.1 概念与结构 2.2 二叉树的特殊形式 2.3 二叉树的性质 2.4 二叉树的存储结构 1.顺序结构 2.链式结构 2.5 实现顺序结构二叉树(堆) 1.堆的概念 2. 堆的性质 3.堆的实现 三、全…