在表格中,当单元格内容过多时,会采用悬浮的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 对应修改就好了。
浅记一下。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)