diff --git a/src/components/Canvas/DepthCanvas/index.vue b/src/components/Canvas/DepthCanvas/index.vue
index 8276ed6..768f360 100644
--- a/src/components/Canvas/DepthCanvas/index.vue
+++ b/src/components/Canvas/DepthCanvas/index.vue
@@ -21,7 +21,13 @@
 	import { getDepthCanvas, saveDepthCanvas } from '@/api/depth-canvas'
 	import FullscreenDialog from '../components/fullscreen-dialog.vue'
 	import depthCanvas from './depth-canvas.vue'
-	import { ref } from 'vue'
+	import { ref, watch } from 'vue'
+	import { useRoute } from 'vue-router'
+	const route = useRoute()
+	watch(
+		() => route.path,
+		() => dialogVisible.value && (dialogVisible.value = false)
+	)
 	const dialogVisible = ref(false)
 	const config = ref({
 		canvasId: '',