Vue如何清空对象

目录

vue清空对象js清空对象Vue清空对象某一个对象清空vule值，保留key在vue中

Vue清空对象

JS清空对象

使用字面量方法指向一个新的对象：

var obj = {  name: 'Lee',  age: 20};obj = {};

var obj NqMXLAqn= {  name: 'Lee',  age: NqMXLAqn20};for(var key in obj){  delete obj[key];}

Vue清空对象

使用对象字面量，不推荐使用。

<div id="app">  <button @click="deleteInfo">删除</button>  姓名：{{ message.name }},  年龄：{{ message.age }}</div>

var app = new Vue({  el: '#app',  data: {    message:{      name:"Lee",      age: 20    }  },  methods:{    deleteInfo:function(){     this.message = {};    }  }})

使用 Vue.delete：

<div id="app">  <button @click="deleteInfo">删除</button>  姓名：{{ messagewww.easck.com.name }},  年龄：{{ message.age }}</div>

var app = new Vue({  el: '#app',  data: {    message:{      name:"Lee",      age: 20    }  },  methods:{    deleteInfo:function(){      for(let key of Object.keys(this.message)){        Vue.delete(this.message,key);      }    }  }})

某一个对象清空vule值，保留key

其中就是将一个对象的属性copy到另一个对象

在vue中

this.$data 获取当NqMXLAqn前状态下的datathis.$options.data() 获取该组件初始状态下的data

所以，下面就可以将初始状态的data复制到当前状态的data

实现重置效果：

Object.assign(this.$data, this.$options.data())

当然，如果你只想重置data中的某一个对象或者属性：(一般用于表单清空数据)

this.form = this.$options.data().form

某一个对象清空vule值，保留key

Object.keys(form).forEach((key) => (form[key] = ''))

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。