From 7ae987109c89cbf1f0afaa9ea7aec5b665fdddea Mon Sep 17 00:00:00 2001
From: zhongke-wang <41162690+zhongke-wang@users.noreply.github.com>
Date: Tue, 7 Nov 2023 14:26:52 +0800
Subject: [PATCH] Update SlideAlbum.vue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复加载后无法获取div[@class='img-slide-list']宽度导致无法滑动的问题
---
 src/components/slide/SlideAlbum.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/slide/SlideAlbum.vue b/src/components/slide/SlideAlbum.vue
index 277a8d0..a7dba47 100644
--- a/src/components/slide/SlideAlbum.vue
+++ b/src/components/slide/SlideAlbum.vue
@@ -66,7 +66,7 @@
 import enums from "../../utils/enums";
 import Utils from '../../utils'
 import {mat4} from 'gl-matrix'
-import {onMounted, onBeforeUpdate, reactive, ref, watch, computed, provide} from "vue";
+import {onMounted, onBeforeUpdate, reactive, ref, watch, computed, provide, nextTick} from "vue";
 import {
   getSlideDistance,
   slideInit,
@@ -239,7 +239,9 @@ const state = reactive({
   localItem: props.item,
 })
 
-onMounted(() => {
+onMounted(async () => {
+  await nextTick();
+  
   slideInit(wrapperEl.value, state, SlideType.HORIZONTAL)
 
   state.cycleFn = () => {