鍍金池/ 問答/HTML/ vue 組件通信問題

vue 組件通信問題

父子組件之間能不能實現(xiàn)這樣一個目的：子組件拿到父組件中的數(shù)據(jù)，然后在子組件中對數(shù)據(jù)進行處理，改變該數(shù)據(jù)的值，將改變后的值傳遞給父組件？
如果可以，應該怎么操作呢？

回答
編輯回答
吃藕丑

vue 不推薦直接修改父級props的值，當props的值是數(shù)組或對象時，會給你報一個錯誤，你可以在子組件使用

this.$emit("fatherAction",data)//fatherAction:父級綁定的方法，data：傳給父級的值

官方文檔，可參考https://cn.vuejs.org/v2/guide...

2017年7月23日 16:40
編輯回答
念舊

必須能，子組件 用 props接父組件來的數(shù)據(jù)，在子組件內(nèi)修改，父組件的這個數(shù)據(jù)也會變
舉個例子
父組件內(nèi)：

fatherdata:{a:1}

<child :fromfather="fatherdata"></child>
子組件內(nèi)：

props:["fromfather"]

你在子組件內(nèi)this.fromfather.a = 2
父組件的fatherdata也會修改

clipboard.png

看看注意項，他們是同一個內(nèi)存空間，子組件的修改肯定會體現(xiàn)在父組件上我下面的例子就能說明

2017年12月21日 16:56