<el-popover
ref="popover7"
popper-class="sss"
placement="top-start"
width="80"
trigger="hover"
v-if="sk"
>
<div class="qw" >
<div class="text"><div>暂无数据</div></div>
</div>
</el-popover>
<span class="box-7" v-popover:popover7 style="font-size: 18px" @mouseenter="open">1234</span>
open() {
openceshi('/home/ceshi').then(({data}) => {
this.sk=true
})
console.log(this.sk)
},
这里改变 sk的值 弹窗一直无法出现,此时用css平替方法
<el-popover
ref="popover8"
:popper-class="sk===true?'sss':'ssss'" //重点
placement="top-start"
width="80"
trigger="hover"
>
<div class="qw" >
<div class="text"><div>暂无数据</div></div>
</div>
</el-popover>
<span class="box-7" v-popover:popover8 style="font-size: 18px" @mouseenter="open">126664</span>
然后要在style中写样式 不要加scoped ,就可以控制隐藏了 ,这里我写的是颜色
<style>
.sss{
background-color: #8c939d;
}
.ssss{
background-color: yellow;
}
</style>