vxe-table 使用记录
2022-04-27 本文已影响0人
HAXXY
一、简介
vxe-table是vue中非常好用且强大的前端表格组件，尤其是搭配其同源的xe-utilsJS函数库完全能够满足无论是B端项目还是商业项目对于表格功能上的要求。
同时xe-utils提供了海量的JS函数可以在项目中使用。
新版本的vxe-table已经支持vue3并且使用了ts。同时更新的还有xe-utils
二、使用问题及注意事项记录
| 场景描述 | 出现的问题 | 解决方式 |
|---|---|---|
多表格加载第一个表格显示并引入checkbox，后续表格使用 v-if 进行隐藏加载。 |
第一个页面加载正常，后续页面使用tab按钮切换的时候出现checkbox加载错误以及列宽计算错误。（后续表格是没有设置checkbox的） | 这个严格意义上不算是 vxe-table 的问题只是 vue 在 v-if 和 v-show 的情况下加载dom是有区别的。所以将v-if的隐藏方式，改为v-show。让表格在页面初始化的时候就进行渲染。并且给表格加上 auto-resize 属性就显示正常了。 |
