Как определить что клик и начат и закончен только в родительском элементе?

Для определения того, что клик был начат и закончен только в родительском элементе при использовании Vue.js, можно использовать следующий подход:

1. Во-первых, вам понадобится привязать событие клика к родительскому элементу. Для этого вам понадобится использовать директиву @click и метод-обработчик события.

Например, в вашем шаблоне вы можете добавить следующее свойство к родительскому элементу:

   <div @click="handleClick">
     <!-- Ваш код -->
   </div>

2. Во-вторых, вам понадобится определить границы родительского элемента и проверить, был ли клик выполнен внутри этих границ или снаружи. Это можно сделать с использованием объекта события клика и проверки полей target и currentTarget:

   methods: {
     handleClick(event) {
       // Получаем ссылку на родительский элемент
       const parentElement = event.currentTarget;

       // Получаем ссылку на элемент, на котором был совершен клик
       const clickedElement = event.target;

       // Проверяем, является ли элемент, на котором был клик, родительским элементом
       const clickInsideParent = parentElement.contains(clickedElement);

       // Если клик произошел внутри родительского элемента
       if (clickInsideParent) {
         console.log('Клик выполнен внутри родительского элемента');
       } else {
         console.log('Клик выполнен вне родительского элемента');
       }
     }
   }

В данном коде мы используем метод contains(), который проверяет, является ли элемент родительским элементом другого элемента. Если clickInsideParent равно true, то клик был выполнен внутри родительского элемента.

Таким образом, вы можете использовать этот подход, чтобы определить, был ли клик начат и закончен только в родительском элементе при использовании Vue.js.