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