路由切换，底图、图层、工具面板关闭

shuishen

2024-12-03 b01dd8df29dd8543fbb432bb0e4abbd01bcb8b24

路由切换，底图、图层、工具面板关闭

 src/pages/map/components/mainTool.vue

@@ -16,6 +16,9 @@
import layersControl from './scomponents/layersControl.vue'
import toolList from './scomponents/toolList.vue'

import { useRouter } from 'vue-router'
const router = useRouter()

const currentComponent = ref('')
let moreToolShow = ref(false)

@@ -58,6 +61,14 @@
    currentComponent.value = ''
  }
}

watch(() => router.currentRoute.value.path,
  (newPath, oldPath) => {
    currentComponent.value = ''
    moreToolShow.value = false
  },
  { immediate: true }
)
</script>

<style lang="scss" scoped>