zoukankan      html  css  js  c++  java
  • 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”

  • 相关阅读:
    【ZJOI2017】树状数组
    【ZJOI2014】力
    【WC2017】挑战
    kube event 事件监控
    k8s nginx-ingress 504 timeout
    k8s 工具集
    jvm 性能调优工具之 jmap
    Elasticsearch unassigned 故障排查
    harbor API 与tag 清理
    前后端分离文档
  • 原文地址:https://www.cnblogs.com/yanyanliu/p/13215307.html
Copyright © 2011-2022 走看看