vue3+elementplus el-table滚动条在Mac本消失

Posted 2023-02-03 u013035477

        前几天发现在自己的项目中出现一个问题，这个问题应该很久了，但是一直都没人提（可能测试的电脑是window的原因），就是在Mac本上el-table滚动条会消失。

        先说一下滚动条在el-table上消失的原因吧，就是必须给一个max-height或者hight,在onmounted生命周期中。

        我一直很好奇原因，然后看到了源码发现也没什么问题，首先我发现elementplus跟elementui的table不一样的地方是滚动条是自定义的，需要根据是不是hover上去显示隐藏的，然后我又发现其实是已经显示了，就是里面那个滚动条没有得到计算

 

看到这个transform没有，一直没有变化，所以我们打开elementui的源码看一下 ，然而什么都没查到所以进一步猜测应该不是表格的问题，后来我在官网看demo的时候发现如果没有设置max-height,跟height也会出现这个问题但是只在mac本上，window上没有问题，我就试着加了一个默认值，并用resize监听，果然解决了。