js删除对象中的属性，vue删除对象中的属性

最近在做一个批量上传的功能，我需要根据用户填的各个输入，去判断需要发送一个整理好的表单发给后台，也就是说我的对象中的全部属性都不是固定，而是动态的，我的思路其实是有两种的，一种是申明很多变量，然后根据用户需要合并到对象中发送给后台，第二种就是全在表单中申明那些变量，在发送给后台之前把不需要的属性删除就可以了，这样代码会整洁很多

不逼逼赖赖了，代码其实很少，就一行

我先说普通的删除方法

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1"><title></title></head><body><!-- 注意传入的形参是对象和需要删除的字段名 --><button onclick="afterForm(obj,'name')">afterForm</button><script type="text/javascript">var obj = {name: "阿林阿林",age: 23};// 修改之后的objfunction afterForm(form, key) {delete form[key] //就这一行，是不是感觉很简单console.log(obj)};</script></body>
</html>

修改之后的效果图：

[Violation] Parser was blocked due to document.write(<script>)

但是会出现了一个异步加载的警告，我还不知道怎么解决。好烦，解决了的兄弟们可以在评论区告诉一下我吗？

第二种方法（vue）：

也是一行代码，不会出现警告

<template><div class="container"><el-button @click="afterForm">删除之后</el-button></div>
</template>
<script>export default {data() {return {obj: {name: '阿林阿林',age: 23}}},methods: {afterForm() {// 对象和需要删除的字段名this.$delete(this.obj, 'name')console.log(this.obj)}},created() {}};
</script>
<style scoped="scoped" lang="scss">.container {background-color: white;width: 100%;height: 100%;padding: 20px;overflow-y: auto;}
</style>

也就一行代码，自己搭了一个脚手架写了个demo

// 对象和需要删除的字段名

this.$delete(this.obj, 'name')

js删除对象中的属性，vue删除对象中的属性相关推荐

vue 传递对象路由_vue 04 -vue路由对象（$route）参数简介以及和router的区别
vue路由对象($route) 在使用了 vue-router 的应用中,路由对象会被注入每个组件中,赋值为 this.$route ,并且当路由切换时,路由对象会被更新. so , 路由对象暴露了以 ...
在Vue的webpack中结合runder函数
在Vue的webpack中结合runder函数 1.引入: <h1>下面是vue的内容:</h1><div id="app"><login ...
JS删除对象某个属性 vue
delete 操作符用于删除对象的某个属性:如果没有指向这个属性的引用,那它最终会被释放. let item = {name: "1",age: "18",}; ...
Vue.js-Day01-PM【事件绑定(事件传参、事件对象、传参+获取事件对象)、样式处理操作(模板、事件、属性绑定)、Tab切换(原生js实现、Vue.js实现)、js中的this详解关键字】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 4.事件绑定 4.1.事件绑定(点击.双击.鼠标移动) 点击按钮-最简单的事件绑定(无参函数) 格式点击按钮 ...
vue检测对象值_Vue 不能检测到对象属性的添加或删除，注意！！！
Vue 不能检测到对象属性的添加或删除 1.划重点了:Vue 不能检测到对象属性的添加或删除官网--深入响应式原理(https://cn.vuejs.org/v2/guide...)中介绍到:受现代 ...
spring -mvc 将对象封装json返回时删除掉对象中的属性注解方式
spring -mvc 将对象封装json返回时删除掉对象中的属性注解方式在类名,接口头上注解使用在 @JsonIgnoreProperties(value={"comid" ...
Vue.js：vue指令（给标签属性赋Vue变量v-bind，绑定事件 v-on）vue事件处理函数中, 拿到事件对象，6个事件修饰符
1. 给标签属性赋Vue变量v-bind 在vue中,v-bind指令可以动态的给标签的属性设置值, 语法:v-bind:属性名="vue变量" 简写::属性名="vue ...
JS删除数组对象中指定元素对应的对象
这里我采用的是过滤的方法(filter),先将数组对象中的指定元素匹配上,然后在将它过滤出来,获取到剩下的对象,将剩下的对象拿到,这样就实现了删除指定元素对应的对象的效果. 举个栗子: 首先定义一个数 ...
list vue 删除后页面渲染_Vue项目中v-for数组删除第n项元素产生渲染错误问题及解决方法...
项目背景最近使用Vue(版本2.9)开发一个项目时,要生成表单列表,所以使用了v-for来做循环,循环里的元素(item)是一个子组件.同时每个元素都有删除按钮,点击后删除当前元素. 初始代码如下: ...
vue 修改对象的值视图没有发生改变_在vue中处理对象属性改变视图不更新问题？ - echart...
...图等等,但是这些代码比较难写,因此我们通常会用借助echarts,那你知道如何使用echarts吗?这篇文章就和大家讲讲echarts的使用方法,有一定的参考价值,感兴趣的朋友可以看看.以饼状图 ...

js删除对象中的属性，vue删除对象中的属性

js删除对象中的属性，vue删除对象中的属性相关推荐

最新文章

热门文章