一、簡介
vxe-table是vue中非常好用且強大的前端表格組件,尤其是搭配其同源的xe-utilsJS函數(shù)庫完全能夠滿足無論是B端項目還是商業(yè)項目對于表格功能上的要求。
同時xe-utils提供了海量的JS函數(shù)可以在項目中使用。
新版本的vxe-table已經(jīng)支持vue3并且使用了ts。同時更新的還有xe-utils
二、使用問題及注意事項記錄
| 場景描述 | 出現(xiàn)的問題 | 解決方式 |
|---|---|---|
多表格加載第一個表格顯示并引入checkbox,后續(xù)表格使用 v-if 進行隱藏加載。 |
第一個頁面加載正常,后續(xù)頁面使用tab按鈕切換的時候出現(xiàn)checkbox加載錯誤以及列寬計算錯誤。(后續(xù)表格是沒有設(shè)置checkbox的) | 這個嚴格意義上不算是 vxe-table 的問題只是 vue 在 v-if 和 v-show 的情況下加載dom是有區(qū)別的。所以將v-if的隱藏方式,改為v-show。讓表格在頁面初始化的時候就進行渲染。并且給表格加上 auto-resize 屬性就顯示正常了。 |