// utils/render.js // 引入vue import vm from "vue"; // toast组件 import loginBox from "./loginBox/loginBox.vue"; export default { /** * 全局loginBox */ loginBox() { // 全局注册toast组件 if (document.getElementById('loginBox')) { return } const loginBoxCom = vm.component('loginBox', loginBox); // 获取uniapp根节点 const uniappRoot = document.getElementsByTagName("uni-app")[0]; // 初始化toast组件 const loginBoxComp = new loginBoxCom(); // 这里我每个组件内都有一个固定id,用来禁止同意组件生成多次 if (document.getElementById(loginBoxComp.id)) { document.getElementById(loginBoxComp.id).remove(); } // 将toast组件添加在uniapp根节点上 uniappRoot.appendChild(loginBoxComp.$mount().$el); return loginBoxComp; } }