想要右侧页面脱离父容器单独全屏,我写了两个micro-app
:
这样似乎并不是完美的解决方案,两个微应用同时运行有点消耗资源吧,我想怎么卸载父容器的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
}
}