重置 Ref 默认值

相关方法

说明

用于 ref 类型的响应性数据的声明和重置，适用于查询条件或者表单等相关场景。可以使用最少的代码实现优雅的数据重置。

类型定义

function useResetRefValue<T extends object>(
  value: T,
  clone?: (val: T) => T,
): readonly [Ref<T>, () => void];

参数说明

参数	类型	默认值	说明
value	T	-	初始默认值
clone	(val: T) => T	cloneDeep	可选的深拷贝函数，默认使用 lodash-es 的 cloneDeep

代码示例

import { useResetRefValue } from '@vue3-simple-bui/platform';

// 下面以部门信息为例
interface DeptBO {
  deptId: number | null;
  deptName: string | null;
}

const DEPT_BO_DEFAULT: DeptBO = {
  deptId: null,
  deptName: null,
};

// deptInfo是响应式数据， resetDeptInfoValue是重置方法
const [deptInfo, resetDeptInfoValue] = useResetRefValue<DeptBO>(DEPT_BO_DEFAULT); 

// 修改数据
deptInfo.value.deptName = '研发部';

// 重置数据
resetDeptInfoValue();