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”

 

posted @ 2020-06-30 18:23  纯白棒球帽  阅读(2246)  评论(0编辑  收藏  举报