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”

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM