html级联选择器,级联选择器

接口平台搭建– 级联选择器

背景：

最近在做一个接口平台，目前它初步的作用就是提供一个平台给服务端编写接口文档，使我们的接口文档有一个公共的媒介，有一个规范的格式。目前我们初步的搭建已经完成，特此总结一下遇到的问题和经验。

整体框架组成：团队–-> 业务线–-> 服务–-> 接口。整个平台是和小伙伴一起开发的，接下来只介绍本人负责的部分：服务。

级联选择：

1、期望结果：

在我们的平台中，对于已经创建好的服务是可以移动的，即：可以将某个业务线下的服务移动到另外一个业务线下。这本来没有什么特别要说的，直接点击移动按钮展示出当前所有的业务线，进行选择就好。

那么问题来了，当我们的业务线很多时是不是这个方法存在一定饿不便利性？所以就要在此基础上对现有想法进行优化，采用级联选择的方式，先选择团队，在从该团队下选择业务线。这样思路是不是明了了很多，也有了明确的指向，对选择者更加便利。

2、实现方法：

首先附上获取团队接口的返回值：

前端用的是element的Cascader 级联选择器，html：其中options是所有要展示的父级和子级，是一个数组，