当前位置: 首页 > Web前端 > vue.js

Element-UI的el-popover实现同一个popover重复使用多次(类似MessageBox)

时间:2023-03-31 16:46:51 vue.js

Element-UI的el-popover实现同一个popover可以被多次复用(类似MessageBox)需要弹出类似的popovers使用官方已有的解决方案时,必须为每个弹出点制作一个。如果有10个弹出框,则必须有10个相同的弹出框。虽然可以达到,但是强迫症确实很难接受。当然,我们这里说的是带有指向箭头和自动定位的popover,而不是固定位置的那种。期望是:无论一个组件中有多少地方需要弹出popover,只需要一个popover组件,大家可以调用同一个。于是研究了下源码,找到解决方法如下:点击预览效果,然后,可以进一步提取为组件,使用起来更方便:点击预览效果

当前:{{curObj}}
showPop(e,obj)">Pop{{obj}}
我用了没发现有什么副作用,有问题欢迎指正