vue3弹窗usehook

最新推荐文章于 2024-09-05 00:17:14 发布

王天平·Jason Wong

最新推荐文章于 2024-09-05 00:17:14 发布

阅读量619

点赞数 1

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/wangping146/article/details/140129319

版权

说明

个人记录保存。

import {ref} from "vue";

export default function useDialog(opts) {

  const visible = ref(false)
  const loading = ref(false)

  const open = (v) => {
    visible.value = true
    typeof opts.onOpen === "function" && opts.onOpen(v)
  }

  const close = () => {
    visible.value = false
    typeof opts.onClose === "function" && opts.onClose()

  }

  return {
    visible,
    open,
    close,
    loading,
  }
}