新增规划选址中绘制实体面,路由发生变化时销毁所有实体

src/components/mapView/range.vue

@@ -331,6 +331,20 @@ export default {
       return this.model;
     },
   },
+  beforeDestroy() {
+    this.clearAll();
+  },
+  watch: {
+    // 监听,当路由发生变化的时候执行
+    $route: {
+      // $route可以用引号，也可以不用引号//to 老路由信息,from  新路由信息
+      handler(to, from) {
+        this.clearAll();
+      },
+      deep: true, // 深度观察监听
+      immediate: true, // 第一次初始化渲染就可以监听到
+    },
+  },
 };
 </script>