any one suggest me how to inject vue component inside leaflet(instead of innerHtml i want to inject vue componet)

[AnilKumaRLotla]

L.DomEvent.disableClickPropagation(this._div);

            var controlHeader = '<div class="my-control-header">' +
                '<label>...</label>' +
                '</div>';
            this._div.innerHTML = ****controlHeader + '<div>' + [...some stuff made with _data...] + '</div>';****

[DonNicoJs]

Hi, where are you trying to inject this? is it a control ? in that case please see this part of the docs:

https://korigan.github.io/Vue2Leaflet/#/components/l-control/

[AnilKumaRLotla]

Hi good Day, Please find the attachment FYI. I create vue component out side the map(vue component name: <record-overview></record-overview>). i am unable to inject the component inside leaflet map using DomUtil. if i using direct html instead of component its working. but i want to inject vue-component. can you please suggest me to resolve the issue. Thanks. this._div = L.DomUtil.create('div', 'myoverviewControl'); var totaloverview='<record-overview></record-overview>' this._div.innerHTML = this._div ; [image: image.png]

…

On Tue, Jan 8, 2019 at 3:57 PM Nicolò Maria Mezzopera < ***@***.***> wrote: Hi, where are you trying to inject this? is it a control ? in that case please see this part of the docs: https://korigan.github.io/Vue2Leaflet/#/components/l-control/ — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#308 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Ar9uCv_cp6_RqM37LU1wbOrbQlzHeVaKks5vBE9agaJpZM4Z03wG> .

-- Thanks Best Regards Anil Cell:- +65 82671145

[nuharaf]

Just trying to answer.

vm.$el is probably what you're looking

[DonNicoJs]

You would lose reactivity if you tried to inject a component that way.
We may provide a component to do so in the future! Making a dedicated issue for it.