Element中怎么实现一个树形控件

Element中怎么实现一个树形控件，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

1.前端布局

                                                                                                                                                                                                                                                                                                                                                    搜索                                                                                                                                                                                                                                                                                                                                                                                             

2.后端接口

from django.views.decorators.csrf import csrf_exemptdef get_bk_topo(request):    bk_biz_id = request.GET.get("bk_biz_id")    res_data = cc_search_biz_inst_topo(request, bk_biz_id)    return JsonResponse({"result": True, "data": res_data})def get_biz_list(request):    fields = ["bk_biz_id", "bk_biz_name"]    data = cc_search_business(fields)    return JsonResponse({"result": True, "data": data})def search_host(request):    res_data = []    data = json.loads(request.body)    bk_obj_id = data.get("bk_obj_id")    bk_inst_id = data.get("bk_inst_id")    host_data = cc_search_host(request, bk_obj_id, bk_inst_id)    for h in host_data:        bk_host_name = h.get("host", {}).get("bk_host_name")        bk_os_name = h.get("host", {}).get("bk_os_name")        bk_cloud_id = h.get("host", {}).get("bk_cloud_id")[0].get("bk_inst_id")        bk_cloud_name = h.get("host", {}).get("bk_cloud_id")[0].get("bk_inst_name")        bk_host_id = h.get("host", {}).get("bk_host_id")        bk_host_innerip = h.get("host", {}).get("bk_host_innerip")        res_data.append({            "bk_host_name": bk_host_name,            "bk_os_name": bk_os_name,            "bk_cloud_id": bk_cloud_id,            "bk_cloud_name": bk_cloud_name,            "bk_host_id": bk_host_id,            "bk_host_innerip": bk_host_innerip,        })    return JsonResponse({"result": True, "data": res_data})

实现效果

看完上述内容，你们掌握Element中怎么实现一个树形控件的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注行业资讯频道，感谢各位的阅读！