Vue 动态添加子组件,然后父组件获取所有子组件的数据?

新手上路,请多包涵

图片描述

我想实现这么一个功能,点击红色加号然后就添加一个上面的那个输入组件(就是做一个批量上传),我搜索了很多相关问题,最后只实现了动态添加的功能,但是点击批量上传后怎么获取所有输入的数据寻思了好久都无果。

我用vue写前端 Golang写后端,准备写个桌面APP的,Golang的界面写出来太low了达不到想要的效果,前端这块vue只是会点皮毛。尴尬0.0.

求个大神给我指点下迷津,让我有点思路?

阅读 3.1k
1 个回答
✓ 已被采纳新手上路,请多包涵

我现在的做法是:
v-for 循环 、

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

然后初始化这个number为1,添加按钮动态改变这个number的值
数据获取用ref,js中用this.$refs获取
this.$refs.xx[number-1].something

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题