element-ui 在el-table的el-form里面添加el-tree导致表格错位问题

最近做管理后台的时候,遇到一个很恶心的事情,就是el-table的el-form里面加了el-tree导致表格错位,一开始定位是我的布局有问题,处理了几个小时都没有处理好。百度上也没有解决方案,可能我这坑掉的人比较少吧。具体情景如下:

element-ui 在el-table的el-form里面添加el-tree导致表格错位问题_第1张图片

红色位置就是el_tree,左边是表格中的其他元素。搞了很久找不到问题的原因。后面在看代码的时候发现我表格里订单ID给了fixed属性。去掉即可。这个坑挖得真大,差点把我自己埋了。

fixed如下:

element-ui 在el-table的el-form里面添加el-tree导致表格错位问题_第2张图片

解决方案就是将fixed去掉

就因为设置的一个属性导致我捣鼓了几个小时,天知道我多崩溃。

你可能感兴趣的:(前端,vue,element-ui,element-ui)