在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue 組件通信問(wèn)題

vue 組件通信問(wèn)題

父子組件之間能不能實(shí)現(xiàn)這樣一個(gè)目的:子組件拿到父組件中的數(shù)據(jù),然后在子組件中對(duì)數(shù)據(jù)進(jìn)行處理,改變?cè)摂?shù)據(jù)的值,將改變后的值傳遞給父組件?
如果可以,應(yīng)該怎么操作呢?

回答
編輯回答
吃藕丑

vue 不推薦直接修改父級(jí)props的值,當(dāng)props的值是數(shù)組或?qū)ο髸r(shí),會(huì)給你報(bào)一個(gè)錯(cuò)誤,你可以在子組件使用

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

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

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

必須能,子組件 用 props接父組件來(lái)的數(shù)據(jù),在子組件內(nèi)修改,父組件的這個(gè)數(shù)據(jù)也會(huì)變
舉個(gè)例子
父組件內(nèi):

fatherdata:{a:1}

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

props:["fromfather"]

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

clipboard.png

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

2017年12月21日 16:56