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
    placement="top-start"
    title="标题"
    width="200"
    trigger="hover"
    @show="showHandle"
    @hide="hideHandle"
    content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
    <el-button slot="reference">hover 激活</el-button></el-popover>

showHandle(){    this.status = 2;
},
hideHandle(){    this.status = 1;
},