hsq-pro/src/components/vent/micro/ventModal.vue

<template>
  <div id="micro-vent-3dModal"></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('micro-vent-3dModal');
      });

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