Different icon for selected

[delaneyj]

I seem to be the first person to try to tag a question with vue2leaflet and have rep under 1500 so I can't post there.

How do you change the icon on a marker clicked @l-click event? Basically I want to change the size/color of selected marker and reset the previous marker to default. Not sure how to do this in terms of Vue2Leaflet's interface.

Using vue2 2.3.4 and vue2leaflet 0.0.55

[KoRiGaN]

Hi @delaneyj,

Here is a working example.

Mickaël

[delaneyj]

Great! Thank you so much!

[mudin]

@KoRiGaN This is working only the icon is clicked. How to make it work programmatically ?

[KoRiGaN]

@imudin this is done programmatically. In this example, it's done when a user clicks a marker but you can trigger it when you want (just swap the icon when you require as in the example).

[mudin]

@KoRiGaN Thank you for your reply! can you check this example

[KoRiGaN]

@imudin do you have a problem with your example? Can you explain what is the issue?

[mudin]

@KoRiGaN Sorry for late respond. When I reorder markers, markers' indexes change and icon should change too

[KoRiGaN]

@imudin you are using a method to get the icon which is not reactive so the marker doesn't update.
You should use a computed property instead.
Make sure you understand how reactivity works in vuejs. This 2 pages of the documentation should help:

• Reactivity in depth
• List Caveats