From f9c3d978f059898e3d0646516de1af5b4f2d36c7 Mon Sep 17 00:00:00 2001
From: tnt group <dodu@live.cn>
Date: Sun, 14 May 2023 12:34:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=9B=A0=E5=8F=98?=
 =?UTF-8?q?=E5=8C=96=E5=BF=AB=E6=97=A0=E6=B3=95=E6=98=BE=E7=A4=BA=E5=8F=8D?=
 =?UTF-8?q?=E5=8A=A8=E5=8A=A8=E7=94=BB=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Pages/Flipper/index.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/Pages/Flipper/index.vue b/src/components/Pages/Flipper/index.vue
index 0ba14435..9de9c0d1 100644
--- a/src/components/Pages/Flipper/index.vue
+++ b/src/components/Pages/Flipper/index.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, PropType, watch } from 'vue'
+import { ref, PropType, watch, nextTick } from 'vue'
 import { FlipType } from './index'
 
 const props = defineProps({
@@ -57,18 +57,19 @@ const backTextFromData = ref(props.count || 0)
 let timeoutID: any = 0
 
 // 翻牌
-const flip = (front: string | number, back: string | number) => {
-  // 设置翻盘前后数据
-  backTextFromData.value = back
-  frontTextFromData.value = front
-
+const flip = async (front: string | number, back: string | number) => {
   // 如果处于翻转中，则不执行
   if (isFlipping.value) {
     isFlipping.value = false // 立即结束此次动画
     clearTimeout(timeoutID) // 清除上一个计时器任务
-    flip(front, back) // 开始最后一次翻牌任务
+    await nextTick()
+    await flip(front, back) // 开始最后一次翻牌任务
     return
   }
+
+  // 设置翻盘前后数据
+  backTextFromData.value = back
+  frontTextFromData.value = front
   // 设置翻转状态为true
   isFlipping.value = true