|  |  |  | 
|---|
|  |  |  | <div class="menu" :class="{collapse: menuData.collapse}"> | 
|---|
|  |  |  | <div class="logo"> | 
|---|
|  |  |  | <div><img src="@/assets/logo.png"></div> | 
|---|
|  |  |  | <h1 :class="{hidden: menuData.collapse}">豆米跳跳</h1> | 
|---|
|  |  |  | <h1 :class="{hidden: menuData.collapse}">{{title}}</h1> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <scrollbar> | 
|---|
|  |  |  | <!--      :default-openeds="defaultOpeneds"--> | 
|---|
|  |  |  | <el-menu | 
|---|
|  |  |  | ref="menu" | 
|---|
|  |  |  | :unique-opened="true" | 
|---|
|  |  |  | :default-active="activeIndex" | 
|---|
|  |  |  | text-color="#fff" | 
|---|
|  |  |  | active-text-color="#fff" | 
|---|
|  |  |  | :collapse="menuData.collapse" | 
|---|
|  |  |  | :default-openeds="defaultOpeneds" | 
|---|
|  |  |  | :collapse-transition="false" | 
|---|
|  |  |  | @select="handleSelect" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 
|---|
|  |  |  | import Scrollbar from './Scrollbar' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'Menu', | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | title: process.env.VUE_APP_TITLE | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | components: { Scrollbar, MenuItems }, | 
|---|
|  |  |  | computed: { | 
|---|
|  |  |  | ...mapState(['menuData']), | 
|---|