|  |  | 
 |  |  |   <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']), |