ant-design-vue 踩过的坑系列

使用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 }如图



这样就可以了!