micro-app怎么卸载子应用?

img

想要右侧页面脱离父容器单独全屏,我写了两个micro-app:

img

这样似乎并不是完美的解决方案,两个微应用同时运行有点消耗资源吧,我想怎么卸载父容器的micro-app也没看明白

如果想要卸载父容器中的 micro-app,您可以通过设置 "v-show" 指令,在需要时显示或隐藏 micro-app。具体方法是,当需要卸载 micro-app 时,设置 "v-show" 为 false,在不需要的时候再设置为 true。

例如:

<micro-app v-show="showMicroApp" :name="'platform-bgview-0'" url="http://localhost:8081/" baseroute="/overviews/platform" :data="microAppData"
  @created="created"
  @beforemount="beforeMount"
  @mounted="mount"
  @unmount="unmount"
  @error="error"
  @datachange="dataChange"
></micro-app>

在 data 中:

data() {
  return {
    showMicroApp: true
  }
}

然后,在需要卸载 micro-app 时,将 showMicroApp 设置为 false。

methods: {
  unmountMicroApp() {
    this.showMicroApp = false
  }
}