Element-UI el-row 排版样式错乱

Element-UI el-row el-col 配合el-form 表单使用，造成样式的错乱。
如图：

![在这里插入图片描述](https://img-blog.csdnimg.cn/13520a35e3d44e4099b5bc04d5201f29.png#pic_center

大概就是这个，代码：

解决办法一：

.el-row {
    display: flex; //设置布局
    flex-wrap: wrap; //进行换行操作
}

解决办法二：
在el-row上添加style=“flex-wrap: wrap; flex-direction: row”

如图：