vue element-ui 动态添加表单项，求个思路

[waffur]

是这样子的，现在需求是有一个表单，表单填写关于试卷测试的相关信息：

- 测试由多道题组成
- 对于这一个表单，每一道题目的相关信息是一段表单片段，包括一些表单项。
- 有多少道题目是填写表单的用户动态添加的（用户可以点击“添加新题目”，页面自动新增表单片段，代表那一道题目的相关信息）

---

element ui 官网是有示例描述动态添加表单项的，但这里的需求是动态添加表单片段。我本来想的数据和表单先全部放页面上，用户没点击的时候就 v-if == "false"，但这样不仅无法精确到题目数量，而且太臃肿，也是没有办法的办法了- -

[neptuno]

砍需求，2333

[biabia123456]

我们之前有个项目也是需要动态表单 自己造了个轮子 你可以参考一下 https://github.com/mrabit/vue-formbuilder

[learnshare]

基本逻辑这个 if-else 差不多的，控制数据而不是界面。
v-for + 动态组件就可以

[shintendo]

用数据描述表单类型、选项等信息，然后封装一个“题目”组件，根据传入的数据渲染出对应的表单项，然后循环题目列表即可