欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue如何清空對(duì)象

 更新時(shí)間：2022年03月03日 15:01:07   作者：花鐺  
這篇文章主要介紹了Vue如何清空對(duì)象，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

Vue清空對(duì)象

JS清空對(duì)象

使用字面量方法指向一個(gè)新的對(duì)象：

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

Vue清空對(duì)象

使用對(duì)象字面量，不推薦使用。

<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);
? ? ? ? ? ? }
? ? ? ? }
? ? }
})

某一個(gè)對(duì)象清空vule值，保留key

其中就是將一個(gè)對(duì)象的屬性copy到另一個(gè)對(duì)象

在vue中

  • this.$data 獲取當(dāng)前狀態(tài)下的data
  • this.$options.data() 獲取該組件初始狀態(tài)下的data

所以，下面就可以將初始狀態(tài)的data復(fù)制到當(dāng)前狀態(tài)的data

實(shí)現(xiàn)重置效果：

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

當(dāng)然，如果你只想重置data中的某一個(gè)對(duì)象或者屬性：(一般用于表單清空數(shù)據(jù))

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

某一個(gè)對(duì)象清空vule值，保留key

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

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論