How to hide an element when clicking on it and clicking outside of it vue?

Question

Vue.js

There is a select, it is necessary that the first time you click on it, it opens, the second time it hides, and it also hides when you click outside it.

I did the first and last point, but because of the hook:

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

Hiding on a repeated click stops working, which I have implemented through the variable @click="selectListShow = !selectListShow"

How to fix it?

Answer 1

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

Answer 2

In this.hideSelectyou need to check not just where exactly the user clicked.