vxe-table 使用记录

一、简介

vxe-table 是vue中非常好用且强大的前端表格组件,尤其是搭配其同源的 xe-utils JS函数库完全能够满足无论是B端项目还是商业项目对于表格功能上的要求。
同时 xe-utils 提供了海量的JS函数可以在项目中使用。
新版本的 vxe-table 已经支持 vue3 并且使用了 ts 。同时更新的还有xe-utils

二、使用问题及注意事项记录

场景描述 出现的问题 解决方式
多表格加载第一个表格显示并引入checkbox,后续表格使用 v-if 进行隐藏加载。 第一个页面加载正常,后续页面使用tab按钮切换的时候出现checkbox加载错误以及列宽计算错误。(后续表格是没有设置checkbox的) 这个严格意义上不算是 vxe-table 的问题只是 vuev-ifv-show 的情况下加载dom是有区别的。所以将v-if的隐藏方式,改为v-show。让表格在页面初始化的时候就进行渲染。并且给表格加上 auto-resize 属性就显示正常了。

你可能感兴趣的:(vxe-table 使用记录)