具体步骤可点击查看视频教程：使用山海鲸下拉菜单组件实现树状图效果，并联动其他组件数据，下面简单介绍一下。
想要使下拉菜单呈现出树状图的形式，需要使用JSON数据。如果下拉菜单想要联动其它组件，那么需要为其他组件绑定相同字段名称的数据。
在示例中将使用下拉菜单来联动数据表格组件数据，它们的相同字段名为“json数据”。
下拉菜单组件所绑定的数据如表格所示：
| json数据 |
|---|
| [{"label":"one1","value":"one1","children":[{"label":"two1-1","value":"two1-1","children":[{"label":"three1-1-1","value":"three1-1-1"},{"label":"three1-1-2","value":"three1-1-2"},{"label":"three1-1-3","value":"three1-1-3"},{"label":"three1-1-4","value":"three1-1-4"}]}]},{"label":"one2","value":"one2","children":[{"label":"two2-1","value":"two2-1","children":[{"label":"three2-1-1","value":"three2-1-1"}]},{"label":"two2-2","value":"two2-2","children":[{"label":"three2-2-1","value":"three2-2-1"},{"label":"three2-2-2","value":"three2-2-2"},{"label":"three2-2-3","value":"three2-2-3"}]}]},{"label":"one3","value":"one3","children":[{"label":"two3-1","value":"two3-1","children":[{"label":"three3-1-1","value":"three3-1-1"},{"label":"three3-1-2","value":"three3-1-2"},{"label":"three3-1-3","value":"three3-1-3"}]},{"label":"two3-2","value":"two3-2","children":[{"label":"three3-2-1","value":"three3-2-1"},{"label":"three3-2-2","value":"three3-2-2"},{"label":"three3-2-3","value":"three3-2-3"}]}]}] |
数据表格组件所绑定的数据如表格所示：
| json数据 |
|---|
| three1-1-1 |
| three1-1-2 |
| three1-1-3 |
| three1-1-4 |
| three2-1-1 |
| three2-2-1 |
| three2-2-2 |
| three2-2-3 |
| three3-1-1 |
| three3-1-2 |
| three3-1-3 |
| three3-2-1 |
| three3-2-2 |
| three3-2-3 |
相关问题
更多数字孪生可视化干货内容等你发现
了解更多内容
咨询热线0571-88650917
