From 532cac465bb49b54daa4469dda3dc74574289d01 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 8 Mar 2019 15:07:09 +0800
Subject: [PATCH] perf[Sidebar]: set scrollbar respond to height changes

---
 src/views/layout/components/Sidebar/index.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/views/layout/components/Sidebar/index.vue b/src/views/layout/components/Sidebar/index.vue
index 467f812..2741086 100644
--- a/src/views/layout/components/Sidebar/index.vue
+++ b/src/views/layout/components/Sidebar/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-scrollbar wrap-class="scrollbar-wrapper">
+  <el-scrollbar ref="scrollbar" wrap-class="scrollbar-wrapper">
     <el-menu
       :show-timeout="200"
       :default-active="$route.path"
@@ -8,6 +8,8 @@
       :text-color="variables.menuText"
       :active-text-color="variables.menuActiveText"
       mode="vertical"
+      @close="change"
+      @open="change"
     >
       <sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path"/>
     </el-menu>
@@ -34,6 +36,13 @@ export default {
     isCollapse() {
       return !this.sidebar.opened
     }
+  },
+  methods: {
+    change() {
+      setTimeout(() => {
+        this.$refs.scrollbar.update()
+      }, 500) // update after animation
+    }
   }
 }
 </script>