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})
}
})
}
Github项目之Dialog封装
业务场景：调easyui的dialog打开一个弹窗，传参是用json封装的，而且有中文，然后在极速模式是正常的，在...
CommonListDiaLogs 封装通用dialog 弹出框 由于每次写dialog都要写很多重复代码，因此...
项目开发中我们经常用到 dialog 来弹窗，为了不重复写，封装一个简单的基类 dialog。 直接上代码： 工具...
代码组织：函数(def) 封装一个功能 封装 容器是对数据的封装函数是对语句的封装类是对方法和属性的封装 函数(f...
Dialog创建 如下是Dialog类的构造函数，代码有缺省： 它创建了一个 Window，而这个 Window ...
目录一、封装一个功能二、定义与调用函数三、变量的作用域四、函数小技巧 一、封装一个功能 封装容器是对数据的封装函数...
Android开发实践之通用Dialog封装 前言 在日常android开发中，我们会碰到各式各样的Dialog，...
提示:二维码一开始并没有选中相应的容器，因为dialog加载需要时间，所以二维码生成函数写在dialog的打开回调...
本文标题：封装一个打开 dialog 的函数
本文链接：https://www.haomeiwen.com/subject/kwskgktx.html
网友评论