| <!-- |
| |
| Licensed under the Apache License, Version 2.0 (the "License"); |
| you may not use this file except in compliance with the License. |
| You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| |
| --> |
| <template> |
| <el-scrollbar wrap-class="scrollbar-wrapper"> |
| <el-menu |
| :show-timeout="200" |
| :default-active="$route.path" |
| :collapse="isCollapse" |
| mode="vertical" |
| background-color="#304156" |
| text-color="#bfcbd9" |
| active-text-color="#409EFF" |
| > |
| <sidebar-item v-for="route in permission_routers" :key="route.path" :item="route" :base-path="route.path"/> |
| </el-menu> |
| </el-scrollbar> |
| </template> |
| |
| <script> |
| import { mapGetters } from 'vuex' |
| import SidebarItem from './SidebarItem' |
| |
| export default { |
| components: { SidebarItem }, |
| computed: { |
| ...mapGetters([ |
| 'permission_routers', |
| 'sidebar' |
| ]), |
| isCollapse() { |
| return !this.sidebar.opened |
| } |
| } |
| } |
| </script> |