element ui 中popover组件的value和disabled结合使用

Question

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

再使用element中的popover的hover属性和图片组件的大图预览组件时，需要悬浮显示图片，点击显示大图同时悬浮的图片消失，关闭大图时，悬浮功能可以继续使用，但是现在的问题是当关闭大图时，之前悬浮的图片会一直显示，哪怕悬浮到其他图片上也不会消失，只有再次悬浮到当前图片，离开后悬浮图片才会消失

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

使用element中的popover的hover属性和图片组件的大图预览组件时，需要悬浮显示图片，点击显示大图同时悬浮的图片消失，关闭大图时，悬浮功能可以继续使用，但是只有当再次悬浮时才能使用，而不是关闭大图后之前的图片继续显示

Answer 1

我现在理解的是你打开图片悬浮窗没有关闭 你在点击打开图片的时候 手动将value/v-model值取个false 对应的弹窗也就不显示了

还是说你现在打开图片这个即使设置了v-model='false'也不消失？如果是这样的话，每次打开图片的时候你可以手动设置一个 class 或者 直接采用dom节点的方式

document.querySelect('.el-popover').style.display='none'

每次打开的时候在对应设置个block 、inline-block就好了

或者你可以自己根据自己想要的class添加样式 然后获取dom节点也是可以的