美文网首页
封装一个打开 dialog 的函数

封装一个打开 dialog 的函数

作者: littleyu | 来源:发表于2021-04-13 20:22 被阅读0次
    import Dialog from './Dialog.vue'
    import { createApp, h } from 'vue'
    
    export const openDialog = options => {
      const {title, content} = options
      const div = document.createElement('div')
      document.body.appendChild(div)
      const app = createApp({
        render() {
          return h(Dialog, {visible: true, 'onUpdate:visible': newVisible => {
            if (newVisible === false) {
              app.unmount(div)
              div.remove()
            }
          }}, {title, content})
        }
      })
    }
    

    相关文章

      网友评论

          本文标题:封装一个打开 dialog 的函数

          本文链接:https://www.haomeiwen.com/subject/kwskgktx.html