onecric_h5/pages/components/render.js

// 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;
  }
}