【测试平台开发】十七、接口编辑页面实现下拉级联选择，绑定接口所属模块...

基于 springboot+vue 的测试平台开发继续更新。

停更得有半年，最近待业家中没有理由不继续更新了。本来是打算做别的功能，但是我的重新调试环境的时候发现了bug，搞半天原来是因为没实现接口与模块的绑定，导致点击左侧模块树之后列表页就没数据。气死我了，那先来把这个坑填上。

先看一下最后的功能效果动图。

因为完善这个功能要涉及一些之前功能的改动，所以接下来以实际的开发修改过程来记录内容(源码获取在文末)：

1. 寻找级联组件
2. 后端返回组件需要的数据内容
3. 修改前端内容，使用级联组件
4. 修改新增、编辑功能，保存选择的模块
5. 修改编辑回显功能，显示对应节点

一、级联选择器组件

elementUI 官网，找到级联选择器组件。

查看组件的功能属性，发现可以满足我的需求：

• 悬停触发级联菜单
• 支持单独选择每一级
• 支持搜索节点

二、后端返回组件需要的数据

查看组件属性得知所需的数据内容，value用于存放选择的节点，注意这里存进去的是数组。而option