|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="side-menu-wrapper">
|
|
|
<slot></slot>
|
|
|
- <Menu theme="dark" v-show="!collapsed" width="auto" active-name="1">
|
|
|
+ <Menu theme="dark" v-show="!collapsed" width="auto" active-name="1" @on-select="handleSelect">
|
|
|
<div v-for="i in menuList" :key="i.id">
|
|
|
<MenuItem :name="i.id" v-if="!i.children || i.children.length == 0">
|
|
|
<Icon type="ios-paper" />
|
|
@@ -36,14 +36,17 @@
|
|
|
</template>
|
|
|
</template>
|
|
|
</Menu> -->
|
|
|
- <!-- <div class="menu-collapsed" v-show="collapsed" :list="menuList">
|
|
|
- <template v-for="item in menuList">
|
|
|
- <collapsed-menu v-if="item.children && item.children.length > 1" @on-click="handleSelect" hide-title :root-icon-size="rootIconSize" :icon-size="iconSize" :theme="theme" :parent-item="item" :key="`drop-menu-${item.name}`"></collapsed-menu>
|
|
|
- <Tooltip transfer v-else :content="showTitle(item.children && item.children[0] ? item.children[0] : item)" placement="right" :key="`drop-menu-${item.name}`">
|
|
|
- <a @click="handleSelect(getNameOrHref(item, true))" class="drop-menu-a" :style="{textAlign: 'center'}"><common-icon :size="rootIconSize" :color="textColor" :type="item.icon || (item.children[0] && (item.children[0].icon || ''))"/></a>
|
|
|
- </Tooltip>
|
|
|
- </template>
|
|
|
- </div> -->
|
|
|
+ <div class="menu-collapsed" v-show="collapsed" :list="menuList">
|
|
|
+ <div v-for="item in menuList" :key="item.id">
|
|
|
+ <template>
|
|
|
+ <collapsed-menu v-if="item.children && item.children.length > 1" @on-click="handleSelect" hide-title :root-icon-size="rootIconSize" :icon-size="iconSize" :theme="theme" :parent-item="item" :key="`drop-menu-${item.name}`"></collapsed-menu>
|
|
|
+ <Tooltip transfer v-else :content="item.name" placement="right" :key="`drop-menu-${item.name}`">
|
|
|
+ <a @click="handleSelect(getNameOrHref(item, true))" class="drop-menu-a" :style="{textAlign: 'center'}">123</a>
|
|
|
+ </Tooltip>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -97,7 +100,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- handleSelect(name) {
|
|
|
+ handleSelect(name) {
|
|
|
+ console.log(name)
|
|
|
+ return
|
|
|
this.$emit('on-select', name)
|
|
|
},
|
|
|
getOpenedNamesByActiveName(name) {
|