Как сделать срабатывание клика только при полном нажатии и отпускании Vue?

Question

[danilr]

Проблема такая - есть модалка(попап) и на её обёртке висит событие для закрытия попапа вот так

<div v-if="isPopupTimeLine" @click.self="closeTimeLine">

Но когда я нажимаю в самом теле попапа и случайно веду мышь наружу и там отпущу, то событие сработает, но мне надо чтобы срабатывало только когда чётко кликнул на обёртку и отпустил там же. Как это сделать? А то очень неуднобно, выделяешь внутри данные, мышь завёл случайно и оп - попап закрылся.

Answer 1

[0xD34F]

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

Comments

[danilr]

много действий, в общем mousedown.self повесил и всё, это чуть лучше, чем было

[0xD34F]

danilr, думаете, мне интересно, какой вы там у себя костыль прибили? Нет, не интересно.