系列文章目录 前言 最近，学习vue3，对比vue2来说，对于我多多少少有点难上手。 身为一个前端程序员，自然不能直接躺平了，于是奋发努力开始充实自己。 GitHub上找了一个比较好的框架，开始摸索学习。 采用element-plus-admin进行开发学习，GitHub地址 该框架使用技术： ES2015+、vue-next、typescript、vite、postcss 和 element-plus 本人还在学习摸索中，如有哪里不妥，请各位见谅。 话不多说开搞。 提示

背景： 由于公司要开发erp，采用了element-plus做为UI基础框架，但是回想往事点点滴滴，element-ui表格的种种表现令人痛心，于是跟leader商量之后决定使用Vxe-Table做表格插件，虽然element-plus在表格上也在大力优化，但就目前来看可用度确实不高，刚出了一个虚拟滚动，但看上去确实让人有点心急。。。 开发阶段遇到的各种问题 全局size的问题 有点扯犊子的事，我element-plus要做全局的size修改，那就意味着我的表格也要做全局的size修改，

项目简介 vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 + Element Plus 版本的后台管理前端解决方案，是 有来技术团队 继 youlai-mall 全栈开源商城项目的又一开源力作。 项目使用 Vue3 + Vite2 + TypeScript + Element Plus + Vue Router + Pinia + Volar 等前端主流技术栈，基于此项目模板完成有来商城管理前端的 Vue3 版本。 本篇先对本项目功能、技

在使用element-plus的虚拟表格化组件el-table-v2渲染数据和组件的方法时，由于官网的使用示例中只有ts或tsx版，文章则是使用js和jsx的示例及一些虚拟化表格组件的注意事项。 注意事项： 在设置columns属性时，其中的宽度字段（width）必须设置值（只能是数字类型）且每一列都要设置，不然会出现数据不显示或是只显示一列的情况。 先看效果图（数据是mockjs随机生成的） columns属性中自定义单元格渲染器的字段是cellRenderer，类型为VueCompo

一、根据vite+vue3+ts项目搭建的项目,此时的目录结构如下： 二、集成vue-router、axios封装、sass、element-plus及icon 一、配置别名（先安装@types/node） npm i @types/node -D 1、vite.config.ts 配置别名，代码如下 import { resolve } from 'path' resolve: { // 配置别名 alias: { '@': resolve(