The Vue3 unMounted event will not be triggered when using removeNodeId and clear

Hi, I found a problem. The Vue3 unMounted event will not be triggered when using removeNodeId and clear.

test demo

App.vue:

<template>
  <div>
    <button @click="remove">remove</button>
    <div class="box"></div>
  </div>
</template>

<script>
import HelloWorldVue from "./components/HelloWorld.vue";
import { h, ref, render, defineComponent, onMounted } from "vue";
import Drawflow from "drawflow";
import "drawflow/dist/drawflow.min.css";

const Vue = { version: 3, h, render };
export default defineComponent({
  name: "App",
  components: {},
  setup() {
    const editor = ref();

    onMounted(() => {
      editor.value = new Drawflow(document.querySelector(".box"), Vue);
      editor.value.registerNode("hello", HelloWorldVue, {}, {});
      editor.value.start();
      editor.value.addNode("ddd", 1, 1, 200, 200, "ddd", {}, "hello", "vue");
    });

    const remove = () => {
      editor.value.removeNodeId("node-1");
    };

    return {
      remove,
    };
  },
});
</script>

HelloWorld.vue

<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },

  mounted() {
    console.log("component mount");
  },

  unmounted() {
    console.log("component unmount");
  },
};
</script>

Look console, not show “component unmount” when clicking the remove button.

How to solve it?

Thanks

[rni-l]

@rni-l Thanks! Yeah, I have something similar. My issue is when I clear it programmatically or when navigating away. I can’t get the unmount then.

@tomasp1189

Sorry, I don’t understand what you mean. Can’t trigger unmount event in inserted component via Drawflow when you are using navigation?

Like this? It will trigger a remove event when the page changes navigation.

// main page
export default {
  unmounted() {
    eventBs.emit("remove");
  }
}

// child component
export default {
  mounted() {
    // listen
    eventBus.on("remove", () => {
      // ...
    });
  }
}

[tomasp1189]

@rni-l Thanks! Yeah, I have something similar. My issue is when I clear it programmatically or when navigating away. I can’t get the unmount then.