vue+elementui項目中使用el-table在el-table-column上使用v-if的時候亂序和樣式錯亂的問題


樣式錯亂的問題

項目的需求是點擊不同的按鈕在一個表格上進行不同數據的展示,當使用v-if切換的時候,寫在后面的列竟然跑到了前面顯示

解決方法

在需要使用v-if渲染的el-table-column元素上加上一個不重復的key值即可解決問題

<el-table-column v-if="status ===3" :key="Math.random()">是否在線</el-table-column>
<el-table-column v-if="type !=3" :key="Math.random()">進入時間</el-table-column>

如果有樣式錯亂的問題可以看我寫的這篇文章使用element中el-table動態增減表頭列的時候出現抖動閃動的問題


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM