【前端】element ui 使用Popover 弹出框踩坑记录

使用element ui 开发的项目，需要做图片点击放大的功能，本想用Popover 弹出框，但一直失灵，点击后没有反应。
用浏览器查看了一下，发现element ui 会在popover外自动添加一个<span> ，而该span默认pointer-events: none，导致点击事件失效。
解决方法：以官方用法为例

<el-popover placement="bottom" title="标题" width="200" trigger="click" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
  <el-button style="pointer-events: auto;" slot="reference">click 激活</el-button>
</el-popover>

在触发点击事件的按钮处加上style="pointer-events: auto;"

Popover 弹出框文档：
https://element.eleme.io/#/zh-CN/component/popover

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容