vue elementUI Tree 树形控件的使用方法

用清晰的层级结构展示信息,可展开或折叠。

效果演示

vue elementUI Tree 树形控件的使用方法_第1张图片

trees.vue代码

Js代码

数据源格式

{
    "code": 0,
    "msg": "成功",
    "data": [
        {
            "id": 1,
            "name": "用户管理",
            "path": "",
            "pid": 0,
            "children": [
                {
                    "id": 6,
                    "name": "用户列表",
                    "path": "/user",
                    "pid": 1
                }
            ]
        }
    ]
}

按照上面的数据源格式即可生成树形折叠格式列表vue elementUI Tree 树形控件的使用方法-遇见你与你分享

你可能感兴趣的:(vue.js,elementui,前端)