Element-plus el-row在el-form中宽度不为100%

在做一个搜索表单的时候，使用了 el-form, el-row, el-col 来进行布局。大致结构如下：

<el-form>
 <el-row :gutter="24">
     <el-col :span="12" v-show="show">...</el-col>
     <el-col :span="12">...</el-col>
 </el-row>
</el-form>

样子大概如下：

每行总的span为24，这样看起来没问题。我的需求是点击 收起 按钮，隐藏所有组件只剩下一个。使用v-show去控制显隐。结果如下：

得到的结果很明显不对，el-row的宽度不为父容器的宽度。 通过参考帖子： blog.csdn.net/qq_44989936…

才意识到是父容器的 display: flex 导致的，只要设置为 display: block 就可以解决问题。