Как снять галочку при клике на стороннюю область?

Question

[DmitryGloom]

Добрый день, скажите есть ли такая возможность реализовать снятие галочки с чекбокса при клике на стороннюю область? Чекбокс соответственно 1

Answer 1

[#FFFFFF]

На вью будет удобно использовать плагинчик https://github.com/ndelvalle/v-click-outside - название говорит за себя, при клике вне заданного элемента выполняется определенная функция. В этой функции "отчекиваете" чекбокс. А так можно и на чистом js клик по документу обрабатывать, и если target не чекбокс - снимать галку.

Answer 2

[0xD34F]

Cвяжите состояние чекбокса со значением через v-model, в обработчике клика присваивайте false, типа так.

Если же под "сторонней областью" вы понимаете всё, что находится за пределами какого-то элемента, то вешайте на этот элемент ref; на document вешайте обработчик клика, в котором проверяйте, что target находится за пределами элемента, типа так.