Vue项目中iview组件的tabs中嵌套table,table表格无限延长的问题. 需求: 在切换tab中,需要嵌套一个表格,布局搭建好之后,看效果,表格的宽度无限延长。 原因: tabs中的动画效果引起的。 使用动画效果后,是基于translateX来进行水平方向的移动,保证显示与隐藏。 不使用动画,是通过设置属性display:none与block;实现tab的显示与隐藏。 解决的办法: 在tabs组件上设置 :animated=“false” 就可以了。 完美解决!