table表格中的属性是可添加的所以需要给table添加一个滚动条 所以就做了如下操作:
.el-table {
width: 100%;
>>> .el-table__body-wrapper {
max-height: 300px;
}
}
更改过后就出现了表格宽度无限拉长的情况;
检查后发现造成这样的原因有两个:
一个是由于父级元素为flex布局,
另一个问题是没有给table表格添加一个高度 只是给他的子级组件.el-table__body-wrapper添加了最大高度,
这两个更改一个就能解决问题
所以我就给我的组件table上添加了一个最大高度
这个问题就解决了(我尝试了下样式不内嵌的话还是会出类似的问题、应该跟页面的执行机制相关吧)
希望能给遇到类似情况的小伙伴带来帮助;