Vue如何清空对象
短信预约 -IT技能 免费直播动态提醒
Vue清空对象
JS清空对象
使用字面量方法指向一个新的对象：
var obj = {
name: 'Lee',
age: 20
};
obj = {};var obj = {
name: 'Lee',
age: 20
};
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>
姓名：{{ message.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获取当前状态下的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] = ''))以上为个人经验，希望能给大家一个参考，也希望大家多多支持编程网。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
