使用Vue开发ant-Design-vue 可能经常会遇到的问题之
如何动态添加n行 input框 且 实时获取数据
**~~~~~~~~~ 效果图如下 ~~~~~~~~~~ **
点击增加按钮 注册添加add事件 详情介绍可以参考UI组件库的form组件
这里用的是ant-design-vue 的form组件
add和删除行的方法
export default {
data () {
return {
form: { information: [ ] }
}
}
}
~~组件具体用法请参考ui组件库文档
然后发请求 拿数据 我们把form表单的数据全部拿到之后存到this.$route{ params: con }如图
这样就可以了!