Subscribe on changes!

$refs change does not change dom anymore

avatar
Oct 18th 2020

Version

3.0.1

Reproduction link

https://github.com/dominykasgithub/leaflet-demo/blob/main/vue3-demo-project/src/App.vue

Steps to reproduce

install, click button

What is expected?

marker icon to be changed

What is actually happening?

nothing


it should change icon of marker via refs as it did in vue 2? Now it does not change, it return proxy object, when in vue 2 it returned dom element

I know that we can use computed properties this is just mvp. There's bigger code bases that relies on $refs returned dom elements

avatar
Oct 19th 2020

Now it does not change, it return proxy object, when in vue 2 it returned dom element

In Vue 2, it gives you the component instance, not an element - because you put the ref on a component, not a DOM element.

In Vue 3, it also does - it's just wrapped in a proxy.

It just seems that this <LMarker>component doesn't expose an icon property, so you should talk to that package's author:

https://github.com/vue-leaflet/vue-leaflet/blob/master/src/components/LMarker.vue