Problema

Estoy tratando de crear dinámicamente una imagen en la que se puede hacer clic en una red d3.js (usando elementos svg) en un método de componente Vue como este:

 <g> <a xlink:href="[go_to_another_vue]"> <image x="-15" y="-15" height="25" width="25" xlink:href="image.png"></image> </a> </g>

Estoy usando vue 2.6.11, enrutador 3.5.2, vuetify 2.5.8

Pregunta

¿Cómo usar el enrutador Vue para navegar a otra vista en este tipo de enlace generado dinámicamente?

Encontré otra publicación con una respuesta que debería funcionar: Cómo acceder a Vue Component desde el DOM simple y traté de establecer el atributo href en javascript:app.__vue__.$router.push({path:'[path_to_another_vue]'}) :

 ... const node = svg .append("g") .selectAll("g") .data(nodes) .join("g") .call(drag(simulation)); node .append("a") .attr("xlink:href", (d) => `javascript:app.__vue__.$router.push({path:'${this.$route.path}/${d.url}'})`) .append("image") .attr("x", -15) .attr("y", -15) .attr("height", 25) .attr("width", 25) .attr("xlink:href", (d) => d.image);

Pero la solución app.__vue__.$router.push(...) no me funciona. Cambia la ubicación actual ( window.location.href está bien) pero obtengo una página en blanco, no se carga nada, no hay actividad de red/no hay error en devtools.

¿Alguna idea de lo que está mal?