vue系列 重置data中的值

2021-10-12 16:16:53 字數 480 閱讀 3118

我們提交完表單之後想要重置表單的資料,但是乙個乙個賦值又很麻煩,所以有了下面的方案。

// 元件當前data物件

this

.$data

// 元件初始化狀態下的data物件

this

.$options.

data()

// 重置data物件到初始化狀態

object.

assign

(this

.$data,

this

.$options.

data()

)// 重置data物件的表單資料到初始化狀態

object.

assign

(this

.$data.form,

this

.$options.

data()

.form)

重新整理元件(不太適合該場景)

Vue中重置data的資料為初始狀態

例如data中的資料如下 data 你想在某個方法中重置data中的form物件,一般這樣操作 this form.name this form.this form.desc 或者 this form 如果form裡的屬性有很多呢,這樣操作是不是非常的麻煩,看上去也不美觀呀,那你可以使用下面的方法,...

vue vue中怎麼重置data?

初始狀態下設定data資料的預設值,重置時直接bject.assign this.data,this.options.data 說明 this.data獲取當前狀態下的data this.options.data 獲取該元件初始狀態下的data 即初始預設值 如果只想修改data的某個屬性值,可以t...

Vue重置當前頁面的data

在某些情況下,需要重新使用data中的資料,但是data中的資料已經被各種表單 變數等賦值,那麼怎麼重置data的值呢?js相關函式函式 含義object.assign target,sources 將所有可列舉屬性值從乙個或多個源物件複製到目標物件 vue中相關函式函式 含義this.data 當...