vue element ui poptip
时间: 2023-10-26 20:08:27 浏览: 83
Vue Element使用icon图标教程详解(第三方)
5星 · 资源好评率100%
根据你提供的引用内容,我了解到你在研究Vue Element UI的Poptip组件时遇到了一些问题。根据引用,你尝试从文档中找到解决方法,但没有找到,于是直接查看了Element UI的源码,包括popover.js和vue-popper.js,但没有找到头绪。然后你转而查看了select组件,发现了updatePopover方法,并尝试了一下,发现确实可以解决你的问题。
根据引用,你曾考虑修改Poptip组件以实现类似disableCloseUnderTransfer的功能,即在关闭Poptip时阻止其关闭。但是你发现这样会导致正常点击空白页面时也无法关闭Poptip。因此,你决定在内部transfer的组件上逐个添加相应的代码来修改disableCloseUnderTransfer。另外,你还提到了一个关于tooltip的问题,说到了scrollWidth的四舍五入错误导致text-overflow显示正确而文字浮窗显示失败。此外,你还提到了Element UI在处理大量数据时页面操作卡顿的问题,以及实现表头筛选的问题。
根据引用,你提到在这种情况下,在当前页面的样式中进行操作是无效的,只有在全局中进行调整才有效。并且你提到需要使用popper-class来绑定类名到Poptip组件。
综上所述,根据你的问题描述和引用内容,我理解到你在研究Vue Element UI的Poptip组件时遇到了一些问题,包括如何解决关闭Poptip的问题、tooltip显示问题、大量数据时页面操作卡顿的问题以及实现表头筛选的问题。对于关闭Poptip的问题,你尝试了从文档和源码中找解决方法,但没有找到头绪;对于tooltip显示问题,你提到了scrollWidth的四舍五入错误导致的问题;对于大量数据时页面操作卡顿的问题和实现表头筛选的问题,你没有提供更多的细节。
阅读全文