Как отследить клик на кластере vue-yandex-map?

Question

[Ismail-1]

Добрый день!
Если на YandexMafker я могу применить клик и вызываю нужный метод.
А на YandexClusterer клик не срабатывает.

У меня на одном адресе если есть 2 метки то они объеденены, и вот мне нужно при клике на эту обьединенную метку вызвать метод.

Подскажите как можно это решить, буду благодарен за любые подсказки

<YandexMap :coordinates="coordinates">

                        <YandexClusterer @click="test" :options="{ preset: 'islands#darkBlueClusterIcons'}">
                            <YandexMarker v-for="(ads, index) in ads_arr"
                                          :key="`1-marker-${index}`"
                                          :coordinates="[Number(ads.lat), Number(ads.lon)]"
                                          :marker-id="`1-marker-${index}`"
                                          :options="{ preset: 'islands#darkBlueStretchyIcon'}"
                                          :properties="{iconContent: ads.cena + 'тг'}"
                                          @click="getOneAds(ads.ads_id == undefined ? ads.id: ads.ads_id, ads.tip_obekta)"
                            >
                            </YandexMarker>
                        </YandexClusterer>
                    </YandexMap>

Answer 1

[0xD34F]

Вешать обработчик клика на экземпляр компонента смысла нет - он такого события не порождает. Придётся обращаться непосредственно к кластеризатору:

<YandexClusterer
  @vue:mounted="onClustererMounted"
  ...

methods: {
  onClustererMounted(e) {
    e.component.exposed.events.add('click', обработчикКлика);
  },
  ...

Чтобы не ловить клики с обычных меток, надо у них запретить всплытие соответствующих событий (@click.stop).

https://stackblitz.com/edit/vue-8tmom1?file=src%2F...

Comments

[Ismail-1]

Добрый день!
Благодарю за ответ, да все работает как вы и написали.

Можете еще подсказать, при максимальном увеличении карты на 1-ном адресе 2 метки объединяются в 1 метку.
И при клике на нее открывается балун.
Я отследил это событие, но не знаю как получить данные этих 2-x меток

onClustererMounted(e) {
            e.component.exposed.events.add('balloonopen',  (e)=>{
                console.log(e.get("target"))
            });
        },

В консоле в _objects выводятся данные всех меток на карте, а как получить данные этих 2х меток при лике на которые открылся балун

[0xD34F]

Можете еще подсказать

Ismail-1, могу. Но не здесь. Не надо воспринимать вопрос как предлог для завязки разговора, в ходе которого будут решаться все ваши проблемы. Новая проблема - новый вопрос.

[Ismail-1]

0xD34F,
Хорошо, буду иметь ввиду. Спасибо