vue中元件資料回顯後無法清空

2021-10-11 00:01:34 字數 432 閱讀 5233

這種情況一般出現在  父元件  傳值給  子元件,我們通過props接收子元件的值,在子元件內進行回顯,回顯完成後進行清空,發現清空不了。在這種時候我們要記住在子元件是不能更改父元件的值的。

有兩種方法可以幫助我們清空這個值。

1:比較暴力的方法,我們將從父元件獲取到的值重新深複製乙份,在子元件裡使用新的資料,這樣就可以清空值了。

created() ,

2:在子元件更改時通過乙個方法告知父元件,讓父元件進行更改,這樣傳到子元件的值就會相應更改。這涉及到父子元件通訊。

父子間通訊:(父傳子)

父元件:

子元件:props:

(子傳父)

子元件:

方法:sendmsg()

父元件:

方法:getmsgformson(data)

vue元件資料傳遞

1.父元件向子元件傳遞資料 通過props 2.子元件向父元件傳遞資料 通過自定義事件 3.平行元件通訊 建立bus例項,通過bus掛載 on 和呼叫 emit 事件 1.例項化乙個bus物件 const bus new vue 事件匯流排 bus vue.component b template ...

Vue父元件獲取子元件資料

方法 一 從父元件呼叫子元件方法獲取資料 1 子元件addindex.vue寫乙個方法,返回要用的資料 methods 2 在父組aindex.vue件中獲取值 import procedureedit from pages procedure add addindex methods 方法 二 子...

Vue 中子元件訪問父元件資料

官方解釋 所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結 父級 prop 的更新會向下流動到子元件中,但是反過來則不行。這樣會防止從子元件意外變更父級元件的狀態,從而導致你的應用的資料流向難以理解。我們可以這樣理解,當父級元件的資料發生改變的時候,子級元件接受的資料也會自動發生...