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

鍍金池/ 問答/HTML/ vue子組件修改data數(shù)據(jù)后,父組件修改子組件data數(shù)據(jù)無效

vue子組件修改data數(shù)據(jù)后,父組件修改子組件data數(shù)據(jù)無效

圖片描述
問題描述:
后面列表是父組件
前面彈出框是子組件
(1)第一次點編輯可以修改子組件的數(shù)據(jù),false-》true
(2)點擊子組件的按鈕修改子組件的數(shù)據(jù),true-》false
(3)點擊父組件的按鈕修改子組件數(shù)據(jù)無效,false不變

子組件:

clipboard.png

父組件:

clipboard.png

clipboard.png

回答
編輯回答
檸檬藍

父子組件通信

這里在子組件修改值后需要通過$emit 傳回父組件,具體可以看一下文檔,分為使用兩種

  1. v-model,value(寫在pop中), input實現(xiàn)表單綁定,即在子組件中this.$emit('input', 你要傳的值)
  2. 自定義,同樣子組件中this.$emit('在父組件中自定義的函數(shù)', 你要傳的值),然后在父組件該函數(shù)中 獲取改變的value, 進行賦值等操作

第二種可能比較適合你

2017年5月10日 04:10