LeftMenu.vue 3.64 KB
<template>
    <div>
    
        <Menu  
         width="auto"
        active-name="1"
        @on-select="itemSelect"
        >
            <Submenu name="/1">
                <template slot="title">
                    <Icon type="ios-paper"></Icon>
                    医链云API
                </template>
                <Menu-group title="用户模块">
                    <Menu-item name="/111">
                        获取用户信息API
                    </Menu-item>
                    <Menu-item name="2">
                        获取用户名API
                    </Menu-item>
                </Menu-group>
                <Menu-group title="订单模块">
                    <Menu-item name="3">
                        获取订单信息API
                    </Menu-item>
                    <Menu-item name="4">
                        获取订单状态API
                    </Menu-item>
                </Menu-group>
            </Submenu>
    
            <Submenu name="/2">
                <template slot="title">
                    <Icon type="ios-paper"></Icon>
                    四方云API
                </template>
                <Menu-group title="用户模块">
                    <Menu-item name="1">
                        获取用户信息API
                    </Menu-item>
                    <Menu-item name="2">
                        获取用户名API
                    </Menu-item>
                </Menu-group>
                <Menu-group title="订单模块">
                    <Menu-item name="3">
                        获取订单信息API
                    </Menu-item>
                    <Menu-item name="4">
                        获取订单状态API
                    </Menu-item>
                </Menu-group>
            </Submenu>
        </Menu>
        <!--<Menu active-name="1"
                          width="auto"
                          :open-names="['1']"
                          @on-select="itemSelect"
                          v-for="(route,index) in $router.options.routes"
                          v-if='!route.hidden && $route.matched.length && $route.matched[0].path===route.path'>
                        <template v-for="(item,index) in route.children">
                
                            <template v-if="item.children">
                                <Submenu :name="route.path+'/'+item.path">
                                    <template slot="title">
                                        <Icon type="ios-navigate"></Icon>
                                        {{item.name}}
                                    </template>
                                    <Menu-item v-for='(child,cindex) in item.children'
                                               :name="route.path+'/'+item.path+'/'+child.path">
                                        {{child.name}}
                                    </Menu-item>
                                </Submenu>
                            </template>
                            <template v-else>
                                <Menu-item :name="route.path+'/'+item.path">
                                    <Icon type="ios-navigate"></Icon>
                                   {{item.name}}
                                </Menu-item>
                            </template>
                
                        </template>
                
                    </Menu>-->
    
    </div>
</template>

<script>
module.exports = {
    name: 'left-menu',
    data() {
        return {
            strong: ''
        }
    },
    methods: {
        itemSelect(name) {
            this.$router.push($route.path+name)
        }
    }
};
</script>