vue 删除对象的元素 delete

最新推荐文章于 2024-07-03 17:18:15 发布

vue学习

最新推荐文章于 2024-07-03 17:18:15 发布

阅读量4.6k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_44180173/article/details/106101865

版权

vue 专栏收录该内容

48 篇文章 2 订阅

订阅专栏

data中定义一个form

  data: {
    seen: true,    
	from:{
	    id:'',
	    name:'',
	    age:'',
	}
  }

现在不需要age元素

删除 delete this.from.age;

场景form表单提交的时候新增的数据和编辑页面公用一个页面，在添加的时候不需要id而就可以delete删除id

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 </title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<script>
new Vue({
  el: '#app',
  data: {
    seen: true,    
  	from:{
  	   id:'',
  	   name:'',
  	   age:'',
  	}
  },
   mounted() {
    //this.initData();
      this.from.id=1;
      this.from.name='xc';
      this.from.age=18;
      this.from.content='xcvzxcvzxcv'; //直接添加元素
    delete this.from.age;//删除age元素
    console.log(this.from)
    
  },

  

})
</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

vue学习

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
vue 删除对象的元素 delete

data中定义一个form data: { seen: true, from:{ id:'', name:'', age:'', } }现在不需要age元素删除 delete this.from.age;场景form表单提交的时候新增的数据和编辑页面公用一个页面，在添加的时候不需要id而就可以delete删除id<!DOCTYPE html><html><head><met.
复制链接

扫一扫