vue3自定义指令 点击弹窗外关闭弹窗

您可以使用自定义指令来实现点击弹窗外关闭弹窗的功能。

首先，在 Vue 组件中定义自定义指令：

directives: {
  closeOnClickOutside: {
    bind(el, binding, vnode) {
      // 获取指令的值，即要关闭的弹窗元素
      const dialog = document.querySelector(binding.value)
      // 在点击事件中关闭弹窗
      el.addEventListener('click', e => {
        // 如果点击的是弹窗本