From 87a23bbbbba1c8bdefcbb4f22644a48aa9d600d4 Mon Sep 17 00:00:00 2001
From: kooriookami <38392315+kooriookami@users.noreply.github.com>
Date: Fri, 25 Jun 2021 17:10:55 +0800
Subject: [PATCH] perf(scrollbar): scrollbar update when slot changed (#2322)

re #2293
---
 packages/scrollbar/src/index.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/scrollbar/src/index.vue b/packages/scrollbar/src/index.vue
index 13acff94ef..c2478a451d 100644
--- a/packages/scrollbar/src/index.vue
+++ b/packages/scrollbar/src/index.vue
@@ -28,7 +28,7 @@
 <script lang="ts">
 import { addResizeListener, removeResizeListener } from '@element-plus/utils/resize-event'
 import { addUnit, isArray, isString, toObject } from '@element-plus/utils/util'
-import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, provide, ref } from 'vue'
+import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'
 import Bar from './bar.vue'
 import type { CSSProperties, PropType } from 'vue'
 
@@ -71,7 +71,7 @@ export default defineComponent({
     },
   },
   emits: ['scroll'],
-  setup(props, { emit }) {
+  setup(props, { slots, emit }) {
     const sizeWidth = ref('0')
     const sizeHeight = ref('0')
     const moveX = ref(0)
@@ -117,6 +117,10 @@ export default defineComponent({
       return style
     })
 
+    watch(() => slots.default?.(), () => {
+      nextTick(update)
+    })
+
     onMounted(() => {
       if (!props.native) {
         nextTick(update)