[help] component inside geojson

Hi,

Let’s use the example geojson component.

Now, let’s say that I want, for each geometry to bind a popup. Easy, in options I put a onEachFeature and place a bindPopup

options: {
  onEachFeature (f. l) {
    l.bindPopup(f.properties.nom)
 }
}

Now is the tricky part : how can I add a component to this popup and even better, a router-link ? It really look like a dynamic component injection… It seems that this is not the right way to do things in vue.js (https://forum-archive.vuejs.org/topic/349/injecting-components-to-the-dom/2) but I can’t figure out how to do it.

In advance thanks

[KoRiGaN]

Hi @RemiDesgrange,

You can find a working example of this in examples/src/components/GeoJSON2.vue.

I’m closing this issue for now. If you still have trouble with this please reopen it.

Mickaël

[AchilleAsh]

Hi @RemiDesgrange ,

I use dynamic component mounting to dynamically add a Leaflet Control on my map depending on the fixture. It looks like:

  L.Control.TopRight = L.Control.extend({
    onAdd: (map) => {
      const vm = new topRightComponent({propsData: {}}).$mount();
      return vm.$el;
    },
  });

the bindPopup method can receive an html element as argument, so using bindPopup(vm.$el) should do the trick.

Timothé