@DmitryGloom

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

Добрый день, скажите есть ли такая возможность реализовать снятие галочки с чекбокса при клике на стороннюю область? Чекбокс соответственно 1
  • Вопрос задан
  • 143 просмотра
Решения вопроса 2
victory_vas
@victory_vas
На вью будет удобно использовать плагинчик https://github.com/ndelvalle/v-click-outside - название говорит за себя, при клике вне заданного элемента выполняется определенная функция. В этой функции "отчекиваете" чекбокс. А так можно и на чистом js клик по документу обрабатывать, и если target не чекбокс - снимать галку.
Ответ написан
Комментировать
0xD34F
@0xD34F Куратор тега Vue.js
Cвяжите состояние чекбокса со значением через v-model, в обработчике клика присваивайте false, типа так.

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы