樣式錯亂的問題
項目的需求是點擊不同的按鈕在一個表格上進行不同數據的展示,當使用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動態增減表頭列的時候出現抖動閃動的問題