Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
516 views
in Technique[技术] by (71.8m points)

elementUI 树状图 点击子节点获取父节点

权限使用elementUI tree 组件,点击子节点获取对应多级的父节点

image.png

  这是应用的组件

                 <el-tree
                    :data="hovePermissData"
                    :default-checked-                                       keys='checkEditorData'
                    @check-change="treeNodeEditor"
                    :show-checkbox='true'
                    :indent="40"
                    default-expand-all
                    node-key="number"
                    ref="tree"
                    highlight-current
                    :props="defaultPropsEditor">
                 </el-tree>
  这是数据结构
  
  [
    {
        "name": "监控中心",
        "number": 1,
        "title": "monitor",
        "route": "",
        "source_type": "0",
        "status": "on",
        "sub_rule": [
            
        ],
        "switchStatus": true
    },
    {
        "name": "用户管理",
        "number": 2,
        "title": "passenger",
        "route": "",
        "source_type": "0",
        "status": "on",
        "sub_rule": [
            {
                "name": "用户列表",
                "number": 12,
                "title": "passenger_list",
                "route": "/v1/passenger/list",
                "source_type": "0",
                "status": "on",
                "sub_rule": [
                    {
                        "name": "编辑乘客信息",
                        "number": 36,
                        "title": "",
                        "route": "/v1/passenger/edit-passenger",
                        "source_type": "1",
                        "status": "on",
                        "sub_rule": [
                            
                        ],
                        "switchStatus": true
                    }
                ],
                "switchStatus": true
            },
            {
                "name": "用户登录日志",
                "number": 13,
                "title": "passenger_login_log",
                "route": "/v1/passenger/login-log",
                "source_type": "0",
                "status": "on",
                "sub_rule": [
                    
                ],
                "switchStatus": true
            }
        ],
        "switchStatus": true
    },
    {
        "name": "司机管理",
        "number": 3,
        "title": "driver",
        "route": "",
        "source_type": "0",
        "status": "on",
        "sub_rule": [
            {
                "name": "司机列表",
                "number": 14,
                "title": "driver_list",
                "route": "/v1/driver/list,/v1/franchisee/list",
                "source_type": "0",
                "status": "off",
                "sub_rule": [
                    {
                        "name": "编辑司机信息",
                        "number": 37,
                        "title": "",
                        "route": "/v1/driver/edit-driver",
                        "source_type": "1",
                        "status": "off",
                        "sub_rule": [
                            
                        ],
                        "switchStatus": false
                    }
                ],
                "switchStatus": false
            },
            {
                "name": "司机审核",
                "number": 15,
                "title": "driver_auth",
                "route": "/v1/driver/driver-auth-list,/v1/franchisee/list",
                "source_type": "0",
                "status": "off",
                "sub_rule": [
                    {
                        "name": "编辑司机审核",
                        "number": 38,
                        "title": "",
                        "route": "/v1/driver/edit-driver-auth",
                        "source_type": "1",
                        "status": "off",
                        "sub_rule": [
                            
                        ],
                        "switchStatus": false
                    }
                ],
                "switchStatus": false
            },
            {
                "name": "司机资质列表",
                "number": 72,
                "title": "",
                "route": "/v1/driver/qualification-list",
                "source_type": "0",
                "status": "off",
                "sub_rule": [
                    {
                        "name": "审核司机资质",
                        "number": 73,
                        "title": "",
                        "route": "/v1/driver/edit-qualification",
                        "source_type": "1",
                        "status": "off",
                        "sub_rule": [
                            
                        ],
                        "switchStatus": false
                    }
                ],
                "switchStatus": false
            }
        ],
        "switchStatus": true
    },
    {
        "name": "车辆管理",
        "number": 4,
        "title": "car",
        "route": "",
        "source_type": "0",
        "status": "on",
        "sub_rule": [
            {
                "name": "车辆列表",
                "number": 16,
                "title": "car_list",
                "route": "/v1/car/list",
                "source_type": "0",
                "status": "on",
                "sub_rule": [
                    
                ],
                "switchStatus": true
            },
            {
                "name": "车辆审核",
                "number": 17,
                "title": "car_auth",
                "route": "/v1/car/car-auth",
                "source_type": "0",
                "status": "on",
                "sub_rule": [
                    
                ],
                "switchStatus": true
            }
        ],
        "switchStatus": true
    },
    {
        "name": "运营管理",
        "number": 5,
        "title": "operation",
        "route": "",
        "source_type": "0",
        "status": "off",
        "sub_rule": [
            {
                "name": "城市管理",
                "number": 18,
                "title": "operation_city",
                "route": "/v1/operation/city/city",
                "source_type": "0",
                "status": "off",
                "sub_rule": [
                    {
                        "name": "车型开放",
                        "number": 28,
                        "title": "operation_city_service",
                        "route": "/v1/operation/city/service",
                        "source_type": "0",
                        "status": "off",
                        "sub_rule": [
                            {
                                "name": "编辑车型开放",
                                "number": 39,
                                "title": "",
                                "route": "/v1/operation/city/service",
                                "source_type": "1",
                                "status": "off",
                                "sub_rule": [
                                    
                                ],
                                "switchStatus": false
                            }
                        ],
                        "switchStatus": false
                    },
                    {
                        "name": "车型配置",
                        "number": 29,
                        "title": "operation_city_car",
                        "route": "/v1/operation/city/car-config",
                        "source_type": "0",
                        "status": "off",
                        "sub_rule": [
                            {
                                "name": "编辑车型配置",
                                "number": 40,
                                "title": "",
                                "route": "/v1/operation/city/car-config",
                                "source_type": "1",
                                "status": "off",
                                "sub_rule": [
                                    
                                ],
                                "switchStatus": false
                            }
                        ],
                        "switchStatus": false
                    },
                    {
                        "name": "抽成配置",
                        "number": 30,
                        "title": "operation_city_commission",
                        "route": "/v1/operation/city/commission-config",
                        "source_type": "0",
                        "status": "off",
                        "sub_rule": [
                            {
                                "name": "编辑抽成配置",
                                "number": 41,
                                "title": "",
                                "route": "/v1/operation/city/commission-config",
                                "source_type": "1",
                                "status": "off",
                                "sub_rule": [
                                    
                                ],
                                "switchStatus": false
                            }
                        ],
                        "switchStatus": false
                    },
                    {
                        "name": "动态折扣",
                        "number": 31,
                        "title": "operation_city_dynamic",
                        "route": "/v1/operation/city/dynamic-config,/v1/operation/city/service",
                        "source_type": "0",
                        "status": "off",
                        "sub_rule": [
                            {
                                "name": "编辑动态折扣",
                                "number": 42,
                                "title": "",
                                "route": "/v1/operation/city/dynamic-config",
                                "source_type": "1",
                                "status": "off",
                                "sub_rule": [
                                    
                                ],
                                "switchStatus": false
                            }
                        ],
                        "switchStatus": false
                    },
                    {
                        "name": "优惠券配置",
                        "number": 32,
                        "title": "operation_city_coupon",
                        "route": "/v1/operation/coupon/coupon",
                        "source_type": "0",
                        "status": "off",
                        "sub_rule": [
                            
                        ],
                        "switchStatus": false
                    }
                ],
                "switchStatus": false
            },
            {
                "name": "司机等级",
                "number": 19,
                "title": "operation_driver",
                "route": "/v1/operation/driver/driver-level",
                "source_type": "0",
                "status": "off",
                "sub_rule": [
                    
                ],
                "switchStatus": false
            },
            {
                "name": "优惠券",
                "number": 20,
                "title": "operation_coupon",
                "route": "/v1/operation/city/coupon-list",
                "source_type": "0",
                "status": "off",
                "sub_rule": [
              

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

@node-click=(data,node)=>...node包含了parent,自己写个while拿所有的parent即可


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...