mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-03-08 07:31:09 +08:00
refactor(workflow): 使用 useRequest 替换手动数据获取和清理
移除手动 onMounted 数据获取和 shallowRef,改用 alova 的 useRequest hook 以简化代码并自动管理请求生命周期。同时添加 onBeforeUnmount 以在组件卸载时取消请求,避免潜在的内存泄漏。
This commit is contained in:
@@ -1,10 +1,9 @@
|
||||
<script setup lang="tsx">
|
||||
import type { DescriptionsProps } from 'antdv-next';
|
||||
|
||||
import type { LeaveVO } from '../leave/api/model';
|
||||
|
||||
import { computed, onMounted, shallowRef } from 'vue';
|
||||
import { computed, onBeforeUnmount } from 'vue';
|
||||
|
||||
import { useRequest } from 'alova/client';
|
||||
import { Descriptions, Skeleton } from 'antdv-next';
|
||||
import dayjs from 'dayjs';
|
||||
|
||||
@@ -18,11 +17,14 @@ defineOptions({
|
||||
|
||||
const props = defineProps<{ businessId: number | string }>();
|
||||
|
||||
const data = shallowRef<LeaveVO>();
|
||||
onMounted(async () => {
|
||||
const resp = await leaveInfo(props.businessId);
|
||||
data.value = resp;
|
||||
});
|
||||
// const data = shallowRef<LeaveVO>();
|
||||
|
||||
const { data, abort } = useRequest(() => leaveInfo(props.businessId));
|
||||
onBeforeUnmount(abort);
|
||||
// onMounted(async () => {
|
||||
// const resp = await leaveInfo(props.businessId);
|
||||
// data.value = resp;
|
||||
// });
|
||||
|
||||
const leaveType = computed(() => {
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user