vue使用element的多个表格使用v-if切换，使用 :key="Math.random()" 后，表格排序出现问题

开始一个页面有很多表格需要来回切换，用的v-show 发现多次切换 表头会错乱，后来用的v-if，但还是有问题，网上说给表格加上一个:key="Math.random()"就好了，于是

 <el-table
              v-if="isShow"
              :data="data1"
              v-loading="loading"
              :key="Math.random()"
              @sort-change="getOrder"
            >
 </el-table>

当时是解决了问题 还自认为 很完美

但后来还是出了问题 就是当点击表格的排序的时候，也走接口 但就是表格的表头上没有上下的那个颜色变化，像下图一样 就在网上也没找到答案，显得自己很菜，后来就想着是不是就和:key="Math.random()"有关系，想了下 应该是 当点击某一列排序的时候，key就会有随机数的变化 是不是就会有不时的渲染 所以 就将key改成了一个常量 key=“1”

vue使用element的多个表格使用v-if切换，使用 :key="Math.random()" 后，表格排序出现问题

原文：https://www.cnblogs.com/yanyanliu/p/13215307.html