vue element ui如何检查popover是否是打开的?

Question

现在要做一个东西

就是popover打开时 打开一个隐藏的div

当popover关闭时 就隐藏那个div

这是隐藏的div
<div class="test" v-show="status === 2" style="position: absolute;width: 100%;height: 100%;background: #000;z-index: 999;opacity: .7">

目前思路是，隐藏的div用v-show写，然后去检查popover是否打开，把检查结果放到status里去控制div

現在遇到的問題是 不知道怎麼檢查popover是否打開 求助大神

Answer 1

可以通过show,hide方法控制status的值<el-popover &nbsp;&nbsp;&nbsp;&nbsp;placement="top-start" &nbsp;&nbsp;&nbsp;&nbsp;title="标题" &nbsp;&nbsp;&nbsp;&nbsp;width="200" &nbsp;&nbsp;&nbsp;&nbsp;trigger="hover" &nbsp;&nbsp;&nbsp;&nbsp;@show="showHandle" &nbsp;&nbsp;&nbsp;&nbsp;@hide="hideHandle" &nbsp;&nbsp;&nbsp;&nbsp;content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"> &nbsp;&nbsp;&nbsp;&nbsp;<el-button&nbsp;slot="reference">hover&nbsp;激活</el-button></el-popover>showHandle(){&nbsp;&nbsp;&nbsp;&nbsp;this.status&nbsp;=&nbsp;2; }, hideHandle(){&nbsp;&nbsp;&nbsp;&nbsp;this.status&nbsp;=&nbsp;1; },