fix(ui/swipe): 增加resize方法

affects: @varlet/ui
varletjs · Jan 28, 2021 · a453b66 · a453b66
1 parent 40fcb2e
commit a453b66
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 17 deletions.
diff --git a/packages/varlet-ui/src/swipe/Swipe.vue b/packages/varlet-ui/src/swipe/Swipe.vue
@@ -298,23 +298,16 @@ export default defineComponent({
       props.onChange?.(index.value)
     }
 
-    watch(
-      () => length.value,
-      () => {
-        initialIndex()
-        startAutoplay()
-        trackSize.value = size.value * length.value
-      }
-    )
-
-    watch(
-      () => swipeEl.value,
-      () => {
-        size.value = props.vertical
-          ? (swipeEl.value as HTMLElement).offsetHeight
-          : (swipeEl.value as HTMLElement).offsetWidth
-      }
-    )
+    const resize = () => {
+      size.value = props.vertical
+        ? (swipeEl.value as HTMLElement).offsetHeight
+        : (swipeEl.value as HTMLElement).offsetWidth
+      trackSize.value = size.value * length.value
+      initialIndex()
+      startAutoplay()
+    }
+
+    watch(() => length.value, resize)
 
     onUnmounted(stopAutoplay)
 
@@ -338,6 +331,7 @@ export default defineComponent({
       next,
       prev,
       to,
+      resize,
     }
   },
 })

diff --git a/packages/varlet-ui/src/swipe/example/index.vue b/packages/varlet-ui/src/swipe/example/index.vue
@@ -34,6 +34,7 @@ export default defineComponent({
   setup() {
     return {
       swipe: ref(null),
+      s: ref(false),
       log(index: number) {
         console.log(index)
       },