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

Vue如何清空對象

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

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 獲取當前狀態(tài)下的data
  • this.$options.data() 獲取該組件初始狀態(tài)下的data

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

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

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

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

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

某一個對象清空vule值，保留key

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

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

相關(guān)文章

最新評論