vue-antdUi使用tabs和表格的坑

谷梁星雨
2023-12-01

    使用vue-antd框架,在使用其中的tabs里面套table表格时。会出现一个神奇的bug, 切换tabs时,页面的宽度会增加,出现横向滚动的问题。

    由于是一个二次的开发,我一开始是以为布局中的最外层的盒子没有设置100%布局。于是就设置了一下百分百,但是还是没有解决。这就很哇塞了,困扰了我大概一个多星期。

   后来,在一个偶然的时间,我在页面上调试时,在tabs是外层盒子上,加上了一个绝对定位

即position:absolute,就是这一行样式,完美的解决了。随便在切换,怎么也不会出现横向滚动了。

    后来隐隐约约发现,可能是框架底层,封装table的问题,使用了一个自适应的方法。导致出现的问题。

   总结,在碰到这种宽度自动变大的问题,可以在外层套一个盒子,用定位来解决问题。这个是目前来说,比较好的一个方法。当然这个前提是要设置父级的宽度为100%。

   欢迎大家点击评论和交流!

   

 类似资料: