Как удалить addEventListener?

zxf добрый день, а можно пример пожалуйста, чтобы понимать как это работает ?

Как удалить addEventListener?

Антон Антон скорее всего опечатался, я вынес сразу их из 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;
      }
  }

Как удалить addEventListener?

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

hideSelect(e) {
      if (!document.querySelector(".title").contains(e.target)) {
        this.areOptionsVisible = false;
      }
  }

Как удалить addEventListener?

Вадим, я так и сделал и не работает поэтому и пишу. 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 не работает.

Как удалить addEventListener?

Вадим почему глупый ? Я и написал как мне удалить window.addEventListener('click', this.hideSelected, true), что бы он после клика снимался прослушивальщик.

Как обратиться к элементу массива?

Антон Антон, час мучался спасибо, что отписались. Дай Бог тебе здоровья !

Как обратиться к элементу массива?

Антон Антон, прошу прощения, а если мне на другой item надо будет повесить @click, как тогда ? То есть например на каждом item свой click со своим popup окном

Как обратиться к элементу массива?

Антон Антон да все правильно, спасибо ОГРОМНОЕ !!!

Как обратиться к элементу массива?

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

Как обратиться к элементу массива?

Антон Антон, undefined. Ещё вопрос при alert тестил, при нажатии на DATE да срабатывает клик все ок, если нажимаешь на другие item кидают ошибку item.item.onClick is not a function

Как обратиться к элементу массива?

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

Как обратиться к элементу массива?

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

Как обратиться к элементу массива?

Антон Антон, добрый день, спасибо большое, но у меня вопрос если у меня из массива list [], добавляется в пустой массив [] пример items[], как тогда повесить клик на date ?

Очистить после ввода при клике на крестик как сделать?

Антон Антон Подскажите вопрос пожалуйста как focus () повесить при клике на кнопку на input text?

Очистить после ввода при клике на крестик как сделать?

Антон Антон, Извиняюсь туплю. Спасибо большой !

Очистить после ввода при клике на крестик как сделать?

Антон Антон Добрый день, что-то попроще не подскажите на vue 3 ?

Как сделать focus для input text при клике на кнопку?

Добрый день. Подскажите пожалуйста почему если заменяю ругается на HTMLInputElement ?

Почему не работает vue.js?

Антон Антон добрый день, это проблема из-за webpacka ? И как её можно исправить ?