Vue如何构建一个动态表单来适应长尾词输入？

本文共计1758个文字，预计阅读时间需要8分钟。

需求将增加，现有需求表单包含18项，后期可能有所增加和修改。作为前端开发者，面对这样的需求，心中明白不能让自己陷入繁琐的修改，应首先考虑表单的灵活性。

开需求会了，产品说这次需求的表单比较多，目前有18个，后期的表单可能会有增加、修改。我作为这次的前端开发，看到这样的需求，心里知道要这样搞不得把自己累死，首先表单居多，还会有变更，以后维护起来也让人心力憔悴。

于是我提议做动态表单，做一个表单的配置系统，在系统里配置表单类型、表单得字段、以及对表单得管理。后来重新评审了需求，系统部分由后端自行开发，我要处理的部分是动态生成表单，展现提交的表单，以及对表单的处理情况。

数据接口设计

表单类型的接口就不用说了，这个比较简单。我跟后端约定了一个预备创建工单接口，这个接口是后端告知前端，需要生成一个什么样的表单。