gas-injection/src/components/vent/micro/ventModal.vue

<template>
  <div id="vent-model"></div>
</template>
<script lang="ts" >

  import { onMounted, onBeforeUnmount, defineComponent } from 'vue';
  import { unmountMicroApps, mountMicroApp } from '/@/qiankun';
  import { resetMicroContentWH } from '/@/utils/domUtils';

  export default defineComponent({
    name: 'VentModel',
    setup() {
      onMounted(() => {
        mountMicroApp('/micro-vent-3dModal')
        resetMicroContentWH('vent-model')
      })

      onBeforeUnmount(async () => {
        unmountMicroApps(['/micro-vent-3dModal'])
      })
    }
  })
</script>
<style lang="less" scoped></style>