解决element ui tooltip在移动端竖屏的情况下出现多个的问题

最新推荐文章于 2024-09-19 09:31:00 发布

夜月明_

最新推荐文章于 2024-09-19 09:31:00 发布

阅读量969

点赞数

分类专栏：前端总结文章标签： elementui vue javascript

本文链接：https://blog.csdn.net/qq_15798421/article/details/121031340

版权

在移动端开发中遇到Element UI的Tooltip组件在竖屏且表格有fixed设置时，会出现显示多个的问题。本文提供一种自创的解决思路：通过JavaScript动态查找并隐藏多余的tooltip元素，以达到修复效果。

摘要由CSDN通过智能技术生成

在开发移动端过程中，发现在竖屏情况下，表格设置了fixed，tooltip会出现两个的问题，网上找了很久，都没有写解决办法，我就自己想了一个，希望能有所帮助：
解决思路：就是手动找到显示的tooltip框，然后手动设置样式去隐藏掉。
发现每次要多点话，就会多两个元素，然后就遍历用2来判断

 // 解决竖屏下提示框多个的问题
        this.$nextTick(() => {
   
          const tooltips = document.getElementsByClassName('el-tooltip__popper'</

关注

专栏目录