vue3跳转页面后 海康监控实例不销毁

第一个页面是这样的

跳转到新的页面 只有海康的监控没有消失 使用控制台审查元素也审查不到

解决方法：在vue3的销毁周期把海康的监控销毁掉

import { reactive, onDeactivated} from "vue";
const state = reactive({
  oWebControl: null as any, //监控绑定的实例对象
});
onDeactivated(() => {
  console.log("销毁了");
  state.oWebControl.JS_HideWnd();
  state.oWebControl.JS_Disconnect().then(
    function () {
      //断开与插件服务连接成功
      console.log("断开与插件服务连接成功");
    },
    function () {
      //断开与插件服务连接失败
      console.log("断开与插件服务连接失败");
    }
  );
});