vxe-table表格点击下钻tooltip依然显示

vxe-table表格点击下钻tooltip依然显示,第1张

在表格中,当单元格内容过多时,会采用悬浮的tooltip显示剩余的内容,但是遇到一个问题是刚好这个国产内容还是可以下钻的,就出现了一个bug,那就是在下钻的时候刚好显示了tooltip,然后下钻之后在第二个页面依然还有,那肯定要解决呀。

到了下个页面还有

解决方案:
添加一个关闭方法:

closeTooltip() {
      const dom = document.querySelector('.vxe-table--tooltip-wrapper')
      if (dom) {
        dom.remove()
      }
    }

然后在点击下钻的时候调用就行了,记得类名看你用的是哪个组件的哈,我的表格是vxe-table,所以就是 .vxe-table–tooltip-wrapper
如果是elementUI,那就是 .el-tooltip__popper 对应修改就好了。

浅记一下。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1297057.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存