## SeSliderMenu

### 导入使用
```code[javascript]
import seSliderMenu from "ss-universal-client-web/comp/menu/su-slider-menu";
```


:::demo 
```html
<template>
    <div style="width: 300px">
        <su-slider-menu :data="menuData" @select="select" :active="activePath" ref="seSliderMenu"></su-slider-menu>
    </div>
</template>
<script>
export default {
    components:{
        seSliderMenu
    },
    data() {
        return {
            activePath: "",
            menuData: [{
                name: '经营驾驶仓1',
                icon: "el-icon-platform-eleme",
                children: [{
                    name: '经营驾驶仓1',
                    icon: "el-icon-platform-eleme",
                    path: '/main/index1'
                },
                    {
                        type: "group",
                        name: "分组一",
                        children: [{
                            name: '经营驾驶仓',
                            icon: "el-icon-platform-eleme",
                            path: '/main/index2'
                        },
                            {
                                name: '经营驾驶仓',
                                icon: "el-icon-platform-eleme",
                                path: '/main/index3'
                            },

                        ]
                    },
                    {
                        name: '经营驾驶仓',
                        icon: "el-icon-platform-eleme",
                        path: '/main/index4'
                    },
                ]
            }, {
                name: '经营驾驶仓1',
                icon: "el-icon-platform-eleme",
                children: [{
                    name: '经营驾驶仓1',
                    icon: "el-icon-platform-eleme",
                    path: '/main/index11'
                },
                    {
                        type: "group",
                        name: "分组一",
                        children: [{
                            name: '经营驾驶仓',
                            icon: "el-icon-platform-eleme",
                            path: '/main/index2'
                        },
                            {
                                name: '经营驾驶仓',
                                icon: "el-icon-platform-eleme",
                                path: '/main/index3'
                            },

                        ]
                    },
                    {
                        name: '经营驾驶仓',
                        icon: "el-icon-platform-eleme",
                        path: '/main/index4'
                    },
                ]
            }],
        }
    },
    created() {
        let vm = this;
        window.setActivePath = function(activePath) {
            vm.setActivePath(activePath)
        };
    },
    methods: {
        select(item) {
            console.log(item)
        },
        setActivePath(activePath) {
            this.$refs.seSliderMenu.setActive("path", activePath);
        }
    }
};
</script>
```
:::



### Menu Attribute
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| mode     | 模式           | string | horizontal / vertical | vertical |
| collapse | 是否水平折叠收起菜单（仅在 mode 为 vertical 时可用） | boolean | — | false |

### Menu Methods

| Name | Description |
|------|--------|
| — | 描述 |
| setActive | 设置应该激活的菜单项(key,value) |

### Events
| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| close | 关闭alert时触发的事件 | — |