我們提交完表單之後想要重置表單的資料,但是乙個乙個賦值又很麻煩,所以有了下面的方案。
// 元件當前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 當...