Vue + elementUi 实现菜单无限级的分类导航

最新推荐文章于 2024-08-01 14:22:09 发布

Yasuo Man

最新推荐文章于 2024-08-01 14:22:09 发布

阅读量4.5k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/Meraln/article/details/100668635

版权

本文介绍如何使用Vue结合ElementUI组件库，实现一个能够动态加载并展示无限层级菜单的分类导航。通过MenuBar.vue和MenuTree.vue两个组件，分别处理数据获取和递归渲染，完成菜单栏的构建。

摘要由CSDN通过智能技术生成

Vue + elementUi 实现菜单无限级的分类导航

[
    {
        "id": 1,
        "parent_id": 0,
        "menu_name": "第一级菜单 1",
        "sorting": 0,
        "node": [
            {
                "id": 2,
                "parent_id": 1,
                "menu_name": "第二级菜单 1-1",
                "sorting": 0,
                "node": [
                    {
                        "id": 3,
                        "parent_id": 2,
                        "menu_name": "第三级菜单 1-1-1",
                        "sorting": 1
                    }
                ]
            }
        ]
    },
    {
        "id": 4,
        "parent_id": 0,
        "menu_name": "第一级菜单 2",
        "sorting": 0,
        "node": [
            {
                "id": 5,
                "