fix(swiper): current dynamic modification exception

Tencent · Apr 2, 2024 · 72ecabf · 72ecabf
1 parent 1c958c1
commit 72ecabf
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/swiper/swiper.vue b/src/swiper/swiper.vue
@@ -63,6 +63,7 @@ import {
   defineProps,
   watch,
   onUnmounted,
+  toRefs,
 } from 'vue';
 import isObject from 'lodash/isObject';
 import isNumber from 'lodash/isNumber';
@@ -95,7 +96,9 @@ const items = ref<any>([]);
 const props = defineProps(SwiperProps);
 const emit = defineEmits(['change', 'update:current', 'update:modelValue']);
 
-const [current, setCurrent] = useVModel(ref(props.current), ref(props.modelValue), props.defaultCurrent);
+const { current: value, modelValue } = toRefs(props);
+
+const [current, setCurrent] = useVModel(value, modelValue, props.defaultCurrent);
 const swiperContainer = ref<HTMLElement | null>(null);
 const computedNavigation = computed(() => (isObject(props.navigation) ? '' : renderTNode(self, 'navigation')));
 
@@ -255,6 +258,7 @@ const updateContainerHeight = () => {
   } else if (rect) {
     setContainerHeight(rect.height);
   }
+  updateItemPosition();
 };
 
 watch(current, updateContainerHeight);