鍍金池/ 問答/HTML/ Vue 動態(tài)添加子組件,然后父組件獲取所有子組件的數(shù)據(jù)?

Vue 動態(tài)添加子組件,然后父組件獲取所有子組件的數(shù)據(jù)?

圖片描述

我想實現(xiàn)這么一個功能,點擊紅色加號然后就添加一個上面的那個輸入組件(就是做一個批量上傳),我搜索了很多相關(guān)問題,最后只實現(xiàn)了動態(tài)添加的功能,但是點擊批量上傳后怎么獲取所有輸入的數(shù)據(jù)尋思了好久都無果。

我用vue寫前端 Golang寫后端,準備寫個桌面APP的,Golang的界面寫出來太low了達不到想要的效果,前端這塊vue只是會點皮毛。尷尬0.0.

求個大神給我指點下迷津,讓我有點思路?

回答
編輯回答
胭脂淚

我現(xiàn)在的做法是:
v-for 循環(huán) 、

v-for idex in number 
<component ref="xx"> </component>   

然后初始化這個number為1,添加按鈕動態(tài)改變這個number的值
數(shù)據(jù)獲取用ref,js中用this.$refs獲取
this.$refs.xx[number-1].something

2018年6月1日 04:15