适用于 vue3 大部分 ui 框架的 dialog 钩子
按需自取,复制粘贴即可!
import {ref} from "vue";
/**
* 模态框钩子
* @param defaultVisible
*/
export function useDialogHook(defaultVisible: boolean = false) {
let dialogVisible = ref<boolean>(defaultVisible);
/**
* 显示模态框
*/
function showDialog() {
dialogVisible.value = true;
}
/**
* 隐藏模态框
*/
function hideDialog() {
dialogVisible.value = false;
}
return {
dialogVisible,
showDialog,
hideDialog
}
}