Как скрыть элемент при клике на него и клике вне него vue?

Question

[Intelix]

Есть селект, нужно чтобы при первом нажатии на него он раскрывался, при повторном скрывался, а также скрывался при клике вне него.

Сделал первый и последний пункт, но из за хука:

mounted() {
    document.addEventListener("click", this.hideSelect.bind(this), true)
  }

Перестает работать скрытие по повторному клику, которое у меня реализовано через переменную @click="selectListShow = !selectListShow"

Как исправить?

Answer 1

[Сергей delphinpro]

https://yandex.ru/search/?clid=1882628&text=vue+cl...
https://qna.habr.com/q/700194

Answer 2

[Intelix]

created() {
      window.addEventListener('click', (e) => {
        if (!this.$el.contains(e.target)){
          this.selectListShow  = false
        }
      })
  },

Answer 3

[Alex]

В this.hideSelect нужно проверять не просто куда конкретно кликнул пользователь.