vue顶部菜单加左侧菜单_vue左侧菜单的实现

后端实现

django视图

def menu(request):

menu_list = models.Menu.objects.all().values('id', 'menu_name', 'parent_id')

l = []

dic = {}

for item in menu_list:

if int(item['parent_id']) == 0:

l.append({

'id': item['id'],

'name': item['menu_name'],

'children' : []

})

else:

for i in l:

if int(item['parent_id']) == int(i['id']):

i['children'].append(item)

dic['data'] = l

return JsonResponse(dic)

得到的数据格式

{

'data':

[

{

'id': 1,

'name': '一级菜单(1)',

'children': [

{'id': 2, 'menu_name': '一级菜单的儿子1', 'parent_id