2.我看到element-plus 里面有虚拟化表格，这个其实可以解决数据量很大导致的卡顿问题，但是当前项目的element-plus 版本不支持，我的是2.1.6，虚拟化表格需要2.2.0。这种要写tsx，如果表格没其他的功能只是展示是ok的，但是我的表头是动态的，而且tsx我也不是很熟，so 最后我也没选择。这个插件可以解决，版本也合适，但是他的按需导入有坑，全量导入又觉得没必要，仅仅只是一个

在写项目的时候，用到了element-plus，在这个项目中需要使用tabs组件，但是使用element-plus 的tab组件来满足项目中的tab样式，有的时候会有点麻烦，且自己也想动手试试封装一个tab组件，于是，开干！* width：单个tab的款宽度---注意：如果需要在选中tab的后面加一个标识,比如：“当前”，则* width和translate 计算有误，后面会出兼容版本。* tab

1.JS问题：由于vue是单页面应用，在页面渲染的时候会加载很大的js文件。在js解析加载完成之前无法展示页面，从而导致了白屏（当网速不佳时，也会产生一定程度的白屏）2.浏览器兼容问题：vue代码在IE浏览器中显示白屏3.页面报错还有后端接口加载时间过长导致出现长时间的白屏问题。

需要PDF很大，有很多页，这时候预览需要分页，但是分页的时候有一个问题，就是一直找不到对应的总页码即pageCount ，有看很多文章，要么通过rendered方法传参，但文档根据不支持传参，图片预览很好解决了，可以用elementplus 自带的组件el-image 可实现。，也不需要什么高级文档操作功能，所以我就采用了。PDF预览可以用搜了一圈，有两个方案，一个是。,拿到了总页码，至此，后面就

上次说到 使用有坑节后又做了一次，没啥问题了~~main.ts依旧有一点延迟，但比之前好太多了。

最近在写vue3的表格，旁边有一个drawer(抽屉),可以在这里面去自定义表格列的排序，大致是这样的。如果列的数量没有变化，仅仅只是排序，那显示一定不正确)并且每次点击排序更新的时候，updateKey++(PS:如果列的数量有变化，那排序之后一定正确。排序完后，点击确定，表格的列的排序却没有变化。由此想到可能是数据没有驱动视图。这样每次排序都能应用到表格上了。但是打印表格的数据确实正常的。于是

【代码】vite生产环境 开发环境。

最后呈现出来的就是列表虚拟滚动有延迟，但是这里面的。vue3 版本： ^3.2.31。按照上述链接的内容一摸一样做的，

在 Vue 3 中，如果你想将文件（例如上传的 Excel 文件）以FormData格式发送到后端，可以通过以下步骤实现。这种方式通常用于处理文件上传，因为它可以将文件和其他数据一起发送到服务器。首先，创建一个 Vue 组件，用于选择文件并将其封装到FormData中。

2.我看到element-plus 里面有虚拟化表格，这个其实可以解决数据量很大导致的卡顿问题，但是当前项目的element-plus 版本不支持，我的是2.1.6，虚拟化表格需要2.2.0。这种要写tsx，如果表格没其他的功能只是展示是ok的，但是我的表头是动态的，而且tsx我也不是很熟，so 最后我也没选择。这个插件可以解决，版本也合适，但是他的按需导入有坑，全量导入又觉得没必要，仅仅只是一个