Vue重置當前頁面的data

在某些情況下，需要重新使用data中的資料，但是data中的資料已經被各種表單、變數等賦值，那麼怎麼重置data的值呢？

含義object.assign(target, …sources)

將所有可列舉屬性值從乙個或多個源物件複製到目標物件

vue中相關函式函式

含義this.$data

當前狀態下的data

this.$options.data()

該元件初始狀態下的data

所以，可以通過下面的方式重置當前頁面的data：

object.

assign
(this
.$data,
this
.$options.data.
call
(this))
;

this

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

用 this.$options.data() 重置元件data時，data() 裡用this獲取的props或methods都為undefined

ions

，vm.

options，vm.

option

s，vm

.options.data()中的this指向vm.opt

ions

，而me

thod

a和b並

沒有直接

掛在vm

.options，而methoda和b並沒有直接掛在vm.

option

s，而m

etho

da和b

並沒有直

接掛在v

m.options下，所以this.methoda和this.b為undefined。

Vue重置當前頁面資料

問題 在做乙個列表頁面的時候，有一些input或select作為篩選條件來查詢，加了乙個重置功能，要清空這些資料 使用了vue的這個方法來清除object.assign this.data.params,this.options.data params 重置時發現在報錯，報錯原因是params裡面有...

vue 重新整理當前頁面的方式

會出現空白，體驗不是很好 reflashpage 重新整理後點瀏覽器的前進按鈕會出現空白頁 簡單的來說就是在父元件中通過provide來提供變數，然後在子元件中通過inject來注入變數。需要跳轉的頁面 前面會有這個inject export default 後面想重新整理當前頁面的地方這樣寫 th...

Vue 重新整理當前頁面

1.場景 在處理列表時，常常有刪除一條資料或者新增資料之後需要重新重新整理當前頁面的需求。2.遇到的問題 1.用vue router重新路由到當前頁面，頁面是不進行重新整理的 3.解決方法 provide inject 組合 作用 允許乙個祖先元件向其所有子孫後代注入乙個依賴，不論元件層次有多深，並...