Добрый день, коллеги, подскажите пожалуйста, хочу повесить событие клика в дочеренем компоненте на document сразу же
после его монтирования, но при клике на на кнопку в родительском компоненте, которая отвечает за отображение дочернго компонента, срабатывает как раз это событие клик "outsideClick", хотя я хочу чтобы
следуюший клик обрабатывался а не этот килк по кнопке
//Parent.vue
<template>
<button @click ="toggleVisible" >click me</button>
<Сhild v-if="visible" >
</Child>
</template>
<script setup>
import {ref} from "vue";
import ComponentModal from "./Child.vue";
const visible = ref(false);
async function toggleVisible() {
visible.value = !visible.value
}
</script>
//Child.vue
<template>
//...
</template>
<script setup>
import {unMounted, ref} from "vue";
import ComponentModal from "./Child.vue";
onMounted(()=>{
document.addEventListener('click', outsideClick)
});
const outsideClick = (e) => {
console.log('click')
}
}
</script>
