From ac7e7beeda5f56e64aa0cb0c0fc63151ddbe49bf Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Thu, 8 Aug 2024 08:53:05 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20keepAlive=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/system/user/index.vue | 26 +++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/apps/web-antd/src/views/system/user/index.vue b/apps/web-antd/src/views/system/user/index.vue
index 34cddf0e..8c44707c 100644
--- a/apps/web-antd/src/views/system/user/index.vue
+++ b/apps/web-antd/src/views/system/user/index.vue
@@ -1,17 +1,33 @@
 <script setup lang="ts">
-import { onMounted } from 'vue';
+import { onBeforeUnmount, onMounted, ref } from 'vue';
 
-import { Button } from 'ant-design-vue';
+import { Button, Card } from 'ant-design-vue';
 
 onMounted(() => {
   console.log('keepAlive测试 -> 挂载了');
 });
+
+const count = ref(0);
+let intervalId: number = 0;
+
+onMounted(() => {
+  intervalId = setInterval(() => {
+    count.value++;
+  }, 1000);
+});
+
+onBeforeUnmount(() => intervalId && clearInterval(intervalId));
 </script>
 
 <template>
   <div class="m-[8px]">
-    <Button type="primary" v-access:code="['system:user:list']">
-      测试按钮可见
-    </Button>
+    <Card title="测试keepAlive">
+      <template #extra>
+        <Button type="primary" v-access:code="['system:user:list']">
+          测试按钮权限system:user:list
+        </Button>
+      </template>
+      <p>当前计数: {{ count }}</p>
+    </Card>
   </div>
 </template>