Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
Lawrence_33

Alex

  • 0
    вклад
  • 12
    вопросов
  • 0
    ответов
  • 0%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как удалить addEventListener?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    zxf добрый день, а можно пример пожалуйста, чтобы понимать как это работает ?
    Написано 05 дек. 2022
  • Как удалить addEventListener?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон скорее всего опечатался, я вынес сразу их из methods, они на первом уровне.
    methods: {
          toggle(){
              this.visibelOptions = true
          },
          selectOption(option){
            this.$emit('select', option)
            this.visibelOptions = false;
          },
          hideSelected(e){
              this.visibelOptions = false
          }
        },
        mounted() {
          document.addEventListener('click', this.hideSelected, true);
        },
        beforeDestroy(){
          document.removeEventListener('click', this.hideSelected, true);
        }

    Есть решение, но я на tailwind делаю не хотелось бы классы лишние вешать.
    hideSelect(e) {
          if (!document.querySelector(".title").contains(e.target)) {
            this.areOptionsVisible = false;
          }
      }
    Написано 05 дек. 2022
  • Как удалить addEventListener?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Вадим есть принципе такое решение, но здесь для класса, а на tailwind делаю, не могу понять почему только так срабатывает.

    hideSelect(e) {
          if (!document.querySelector(".title").contains(e.target)) {
            this.areOptionsVisible = false;
          }
      }
    Написано 05 дек. 2022
  • Как удалить addEventListener?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Вадим, я так и сделал и не работает поэтому и пишу. if(this.visibelOptions === true) {тогда select открывается}else {this.visibelOptions = false (закрывается}, на window все работает по клику вне select можно и document поставить, но select не закрывается и я не понимаю почему не ремувиться addEventListener, ту ссылку которую вы сбросили четко написано window.addEventListener('click', this.hideSelected, true), а потом window.removeEventListener('click', this.hideSelected, true), но remove не работает.
    Написано 05 дек. 2022
  • Как удалить addEventListener?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Вадим почему глупый ? Я и написал как мне удалить window.addEventListener('click', this.hideSelected, true), что бы он после клика снимался прослушивальщик.
    Написано 05 дек. 2022
  • Как обратиться к элементу массива?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, час мучался спасибо, что отписались. Дай Бог тебе здоровья !
    Написано 02 дек. 2022
  • Как обратиться к элементу массива?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, прошу прощения, а если мне на другой item надо будет повесить @click, как тогда ? То есть например на каждом item свой click со своим popup окном
    Написано 02 дек. 2022
  • Как обратиться к элементу массива?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон да все правильно, спасибо ОГРОМНОЕ !!!
    Написано 02 дек. 2022
  • Как обратиться к элементу массива?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон заработало !!!!! вы просто гений стрелочная функция сработала! Единственный нюанс почему на другие item сыпаться ошибки при клике item.showCalendar is not a function ?
    Написано 02 дек. 2022
  • Как обратиться к элементу массива?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, undefined. Ещё вопрос при alert тестил, при нажатии на DATE да срабатывает клик все ок, если нажимаешь на другие item кидают ошибку item.item.onClick is not a function
    Написано 02 дек. 2022
  • Как обратиться к элементу массива?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, спасибо большое все работает, подскажите пожалуйста alert срабатывает все отлично, но когда меняю на открытие окна popup this.openCalendar = !this.openCalendar, т.е. {title: 'DATE', value: 'date', showCalendar() {this.openCalendar = !this.openCalendar}}, ничего не работает.
    Написано 02 дек. 2022
  • Как обратиться к элементу массива?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон У меня есть 2 массива: 1) массив list [есть элементы] и второй массив пустой например items[], при клике на элемент {title: 'DATE', value: 'date'} из массива list[] у меня он выводится в виде списка он добавляется в пустой массив items[] с с помощью метода push(), после такого как я вывел значение через v-for и {{ }}, мне надо повесить клик на этот же элемент в пустом массиве {title: 'DATE', value: 'date'}, чтобы открылось окно popup. Вот я и не могу понять как его найти и обратиться. Пробивал все варианты и indexOf, includes, find все не находит все false или -1.
    Написано 01 дек. 2022
  • Как обратиться к элементу массива?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, добрый день, спасибо большое, но у меня вопрос если у меня из массива list [], добавляется в пустой массив [] пример items[], как тогда повесить клик на date ?
    Написано 01 дек. 2022
  • Очистить после ввода при клике на крестик как сделать?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон Подскажите вопрос пожалуйста как focus () повесить при клике на кнопку на input text?
    Написано 22 нояб. 2022
  • Очистить после ввода при клике на крестик как сделать?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон, Извиняюсь туплю. Спасибо большой !
    Написано 22 нояб. 2022
  • Очистить после ввода при клике на крестик как сделать?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон Добрый день, что-то попроще не подскажите на vue 3 ?
    Написано 22 нояб. 2022
  • Как сделать focus для input text при клике на кнопку?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Добрый день. Подскажите пожалуйста почему если заменяю ругается на HTMLInputElement ?
    Написано 22 нояб. 2022
  • Почему не работает vue.js?

    Lawrence_33
    Alex @Lawrence_33 Автор вопроса
    Антон Антон добрый день, это проблема из-за webpacka ? И как её можно исправить ?
    Написано 03 нояб. 2022
  • ← Предыдущие
  • 1
  • 2
Самые активные сегодня
  • vabka
    Василий Банников
    • 7 ответов
    • 0 вопросов
  • Mike_Ro
    Михаил Р.
    • 6 ответов
    • 0 вопросов
  • SignFinder
    Alexey Dmitriev
    • 5 ответов
    • 0 вопросов
  • Alex_Geer
    Alex G.
    • 4 ответа
    • 0 вопросов
  • Rsa97
    Rsa97
    • 4 ответа
    • 0 вопросов
  • emekhanikov
    Евгений Механиков
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации