element表格标签切换列 v-if 乱序问题

问题描述

el-table中用v-if控制列的显示与否再切换过程中会出现乱序，来回切换标签会导致列宽随机变化等问题。

解决办法

                        <el-table-column
                            v-if="show"
                            prop="modelName"
                            label="评估或医嘱"
                            min-width="150" :key="Math.random()">
                        </el-table-column>
                        <el-table-column
                            v-if="riskAssessment"
                            prop="createDt"
                            label="时间"
                            min-width="150" :key="Math.random()">
                        </el-table-column>

每列加入:key="Math.random()"可以解决此问题。