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应该是显示跟隐藏时触发的

<el-popover
    placement="top-start"
    title="标题"
    width="200"
    trigger="hover"
    show="status=2"
    content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
    <el-button slot="reference">hover 激活</el-button>
  </el-popover>

要是直接赋值不行，就用methods定义一个方法show=“方法”，就可以

Answer 2

可以通过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;
},