Vue组件中如何实现递归调用？

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

首先说明需求，这是一个表单，具有树形结构，会有子表单。表单显示的内容是后台通过接口数据来确定的；此时和树形结构一样，可能会有子组件的递归；这次是自己第一次。

　　先来说下需求，就是一个表单，会有树形结构一样，会有子表单，表单显示什么内容是后台通过接口数据来确定的；这个时候就和树形结构一样，肯定会有子组件的递归；这次是自己第一次写递归，遇到了三个问题记录下；

1、第一个问题就是，循环表单；看下图

然后这里的数据返回的是这样的：

说明下数据字段的含义：name属性算是表头，然后里面的valueType代表的是各种不同输入框；比方说上面的7代表的是普通的下拉框，然后6就是普通的输入框，1的话是布尔下拉框（其实在前端这边1和7是一样的，但是需要注意点的是Element中的下拉框判断使用的是双等于号，意思说，布尔true等于字符转的false及true=='false'是正确的，所以这里需要格式化）；如果等于的是8的话，代表这个是另一个子表单。