Yana's Blog

本文使用 Vue3 + Vite + Element Plus + Vue Router + Pinia + Typescript 搭建项目。

由于项目中有很多菜单都是列表数据的展示，为避免太多重复代码，故将 Element Plus 的 Table 表格进行封装，实现通过配置展示列表数据el-table-column 使用自定义表头支持插槽labelStyle 支持样式自定义支持 tooltipel-table-column 使用自定义单元格支持插槽style 属性支持自定义样式formatter 方法支持自定义显示内容

最近在做一个项目的重构，其中有大文件上传的功能，由于项目是几年前，代码没有前后分离，用的是 jQuery + webuploader 库做的，但实际上只是实现了大文件切片上传，并没有切片并发、秒传及断点续传功能，后端也不支持，且 webuploader 库已经不再维护了，故决定自己实现一个最简单的大文件切片上传功能。

动态渲染多级嵌套菜单点击菜单跳转页面子菜单高亮，对应父级菜单也高亮不同路由高亮同一菜单。

Tabs 动态标签页实现右键菜单【关闭当前标签页】、【关闭左侧标签页】、【关闭右侧标签页】、【关闭其他标签页】、【关闭全部标签页】功能

本篇旨在 Vue3 + Element Plus 国际化配置，支持多语言切换。

Element Plus 使用按需引入，大大缩小打包后的文件大小。