Как скрыть все точки на карте при клике на 1 из них?

Question

[Дима Паутов]

Добрый вечер! Есть у меня такая вот штука

Фото

На ней есть точки на карте, при клике на точку, появляется над ней описание точки, название города + ссылка.
Вот код компонента:

<div
            class="point_wrap"
            :style="{
                left: point.map_x + '%',
                top: point.map_y + '%'
            }"
    >

        <div class="point" @click="tooltipToggle"></div>

            <div class="pointTooltip" v-if="tooltipVisible">
                <div class="pointTooltipTitle">{{ point.name }}</div>
                <a
                        href=""
                        class="pointTooltipGo"
                        @click.prevent="openPanorama"
                >Начать прохождение</a>
            </div>
    </div>

export default {
data(){
        return {
            tooltipVisible: false
        };
    },

methods: {
        tooltipToggle(){

            this.tooltipVisible = !this.tooltipVisible;

        }
}
}

Как скрыть все точки на карте при клике на 1 из них? Ведь каждая точка, это отдельный компонент. Есть 1 идея, генерировать событие в tooltipToggle и в родителе его слушать и скрывать все, кроме того, на который кликнул

Answer 1

[Evgeny Kulakov]

Да, так и делать. При клике на точку она генерирует событие, в родителе обработчик прячет все кроме этой точки.