切换问题

Author: junjie-mars

src/marsgis/common/uses/use-lifecycle.ts

@@ -3,17 +3,17 @@
  * @copyright 火星科技 mars3d.cn
  * @author 火星吴彦祖 2022-02-19
  */
-import { inject, onMounted, onUnmounted } from "vue"
+import { inject, onBeforeMount, onBeforeUnmount } from "vue"
 
 export default function useLifecycle(mapWork: any): void {
   const getMapInstance = inject<any>("getMapInstance")
-  onMounted(() => {
+  onBeforeMount(() => {
     if (mapWork.onMounted) {
       const map = getMapInstance()
       mapWork.onMounted(map)
     }
   })
-  onUnmounted(() => {
+  onBeforeUnmount(() => {
     if (mapWork.onUnmounted) {
       mapWork.onUnmounted()
     }

src/marsgis/components/mars-work/mars-map.vue

@@ -7,7 +7,7 @@
  * @copyright 火星科技 mars3d.cn
  * @author 火星吴彦祖 2022-02-19
  */
-import { computed, onBeforeUnmount, onMounted } from "vue"
+import { computed, onMounted } from "vue"
 import * as mars3d from "mars3d"
 import { getQueryString, isPc } from "@mars/utils/mars-util"
 import { $alert, $message } from "@mars/components/mars-ui/index"
@@ -131,18 +131,9 @@ function onMapLoad() {
     }
   }
 }
-
-// 组件卸载之前销毁mars3d实例
-onBeforeUnmount(() => {
-  if (map) {
-    map.destroy()
-    map = null
-  }
-})
 </script>
 
 <style lang="less">
-
 /**cesium 工具按钮栏*/
 .cesium-viewer-toolbar {
   top: auto;