怎么判断点击事件点击是否在某个元素上

问题遇到的现象和发生背景

我有一个《el-popover》弹出框，在某个组件上，他显示之后不会消失，我需要当我在页面点击时，如果点击的范围不在弹出框上，则隐藏该元素

当我点击这个框之外的地方可以触发，目前只知道用document。addevenlisten，但是接下来不知道怎么判断

trigger="click"

<el-popover
    placement="bottom"
    title="标题"
    width="200"
    trigger="click" 
    content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
    <el-button slot="reference">click 激活</el-button>
  </el-popover>

这个弹出窗的显示隐藏应该是有一个变量来控制的，可以根据这个变量判断就好啦

你应该是设置了
v-model="visible"
不要设置v-model，否则只能通过visible控制显隐
另外trigger设置为click