Vue3 vite脚手架搭建系统及可视化大屏
2024-08-16Vue3 vite后台管理系统项目概述:通过Vue3 vite脚手架搭建项目,结合element-plus、Echarts、Axios、Mock、Vuex完善各功能模块,进行后台管理系统的开发。实训中注重对图表的应用,数据的引入,数据可以mock生成也可以写静态数据各官网地址:element-plusEchartsAxiosMockVuexVite进入node.js官网选择版本安装,选择较低版本,比较稳定。同时按WIN R输入cmd打开命令提示符窗口,输入node -v查看安装的版本,出现版本号即安装成功。_vue3大屏可视化布局
创建vue3 ts element-plus项目
2024-08-12本文介绍了如何创建Vue3项目,包括使用npm初始化,安装依赖,以及详细步骤来安装和按需引入element-plus组件库,涉及到unplugin-vue-components和unplugin-auto-import插件的使用。
Nuxt3项目创建(Nuxt3 Vite Ts Pinia element-plus Tailwindcss NuxtIcon Vueuse)
2024-08-10nuxt3项目基本搭建,新手推荐_nuxt3 项目搭建
Vue3 ElementPlus koa2实现本地图片的上传
2024-08-08本文介绍了如何利用Koa2和multer中间件在后端实现图片上传接口,包括安装multer、编写上传代码和配置文件存储。同时,文章提到了前端使用element-plus组件库进行图片上传的实现方法,通过设置action调用后端接口。整个过程帮助读者理解前后端交互及文件上传的完整流程。
element-plus 的 el-table-v2 虚拟化表格 的使用
2024-08-07element-plus 的 虚拟化表格 的使用, 在没有使用分页等方式而数据数量很大的时候需要,直接使用表格就会出现渲染太慢,影响使用体验_el-table-v2
Vue3 Vite 构建组件库发布到 npm
2024-08-04这篇文章介绍了如何使用Vite构建组件库,并将其发布到npm上。文章包括搭建项目、调整目录结构、组件开发、整合并导出组件、编写package.json文件、vite打包配置、本地模拟、发布到npm、安装验证等步骤。文章还提供了一个基于Vue3 element-plus封装的Table组件的示例,演示了如何运行和使用发布的组件。_vue3 vite 发布npm 包
vue3 element-plus 实现 table表格合并单元格 和 多级表头
2024-07-29实现合并单元格和多级表头可以直接用官网提供的写法,但是有可能数据会比较多的时候,就需要我们稍微改造一下,方便以后再出现合并的数据,直接可以公用。注意的项是 要和并的字段不一样,我们需要单独去设置;spanMethod 方法会根据 设定的 merge 值去合并;spanArr 方法执行计算属性,添加我们的判断条件。注意的是,可能需求不同,但是方法是一样的。只需要把方法中的值替换即可实现公用。满足条件的进行合并,不满足的则是单独一行展示。表格的数据布局 index.vue。数据的映射config.ts 页面_vue3 element-plus el-table 合并
Vue3 Vite element-plus搭建组件库并使用Vitepress编辑组件库文档且发布到 npm并且部署 github pages(vitepress文档渲染.vue组件-推荐使用第二种)
2024-07-10Vue3 Vite Ts element-plus搭建组件库并使用Vitepress编辑组件库文档且发布到 npm并且部署 github pages;Vitepress编辑基于element-plus再次封装的Vue3基础组件库文档弃用vitepress-theme-demoblock,使用自己封装的Demo组件_element-plus目录结构
vue element-plus完美实现跨境电商商城网站
2024-07-02项目页面完整,后续可能将不断升级。关注作者,及时了解更多好项目!更多优质项目请看作者主页!获取源码或如需帮助,可通过博客后面名片 作者即可!_vue电商网站
el-tree-v2虚拟滚动树,实现代码勾选、动态禁用勾选、检索、节点文字label宽度超出滚动等功能
2024-06-26某个需求要展示大量树节点,原本使用普通el-tree,默认不要展开太多层次(注意树节点默认全部展开页面渲染很卡),勉强能应付,但是检索功能会展开所有节点,还是很卡顿,只能硬着头皮改版,就想到了用element-plus的虚拟滚动树。查了网上没有多少el-tree-v2的使用文章,下面是自己的踩坑过程,给有需要的人提供些帮助。_el-tree-v2