Single-spa - 有没有办法在微前端之间切换时显示加载程序？

问题描述

我正在为一个项目使用 single-spa，它由一个 root-config 和多个 vue 微前端组成，我需要从 vuetify overlay 显示覆盖，有没有办法可以从挂载功能中实现??

root-config.js

import * as singleSpa from "single-spa";
let appUrl = ["/app1","/app2"];

appUrl.forEach(url => {
  singleSpa.registerapplication({
    name: "@test" + url,app: () => System.import("@test" + url),activeWhen: [url],});
})
/* here need to set loader */

main.js

import Vue from 'vue'
import singleSpaVue from 'single-spa-vue'

import App from './App.vue'
import router from './router'
import vuetify from './plugins/vuetify'

Vue.config.productionTip = false

const vueLifecycles = singleSpaVue({
  Vue,appOptions: {
    render (h) {
      return h(App,{
        props: {
          
        }
      })
    },router,vuetify
  }
})

export const bootstrap = [vueLifecycles.bootstrap,doneBootstrap]
export const mount = vueLifecycles.mount
export const unmount = vueLifecycles.unmount

function doneBootstrap() {
  /* here need to unset loader */
  return Promise.resolve();
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）