定义弹框组件(只实现功能,不管样式)
import {render} from 'vue'
export function SingPop(content,handler) {const div = document.createElement('div');let pop = <div><div>{content}</div><div><button onClick={()=>{document.body.removeChild(div);console.log('不同意');handler.cancel && handler.cancel()}}>不同意</button><button onClick={()=>{document.body.removeChild(div);console.log('同意');handler.agree && handler.agree();}}>同意</button></div></div>/*** render —— 渲染虚拟 DOM* @param 参数1 要被渲染的虚拟 DOM,必选* @param 参数2 要渲染的位置,必选* @description 虚拟 DOM 创建完成后,需要使用 render 函数,才能在页面中渲染
**/render(pop,div);document.body.appendChild(div);
}
// 使用
import {SingPop} from './singPop.jsx'// 可通过一个按钮来触发SingPop('哈哈哈',{cancel:()=>{console.log('cancel');},agree:()=>{console.log('agree')}})