Month: 2024年1月

6 篇文章

从零搭建基于element-plus的Vue3项目06——实现多Tab页面
目前很多后台管理框架都支持多TAB模式,效果如下: 因此我们这也要支持多个TAB,要支持多个TAB,需要存储多个TAB页面的名称等信息。 此功能相对比较复杂,难度较大 基本功能设计 支持功能: 支持TAB名称和图标展示 支持TAB关闭 TAB支持右键菜单,可以关闭多个TAB 用KeepAlive缓存TAB状态 关闭后KeepAlive缓存移除 父子…
从零搭建基于element-plus的Vue3项目05——统一图标封装
element-plus已经自带部分图标,不过图标数量并不多,因为是后台系统,可以考虑集成更多的图标,这里选择xicons图标库里面的material图标库。 目前图标库基本都是用组件的形式来使用图标,开始已经集成了element-plus的图标,这里要安装xicons。 地址:https://www.xicons.org/#/ 安装xicons图…
从零搭建基于element-plus的Vue3项目03——Pinia状态管理
Pinia状态管理 目前Vuex已经不推荐使用,4.x是最后一版,已经不会有新版本,Pinia实际就是Vuex 5,因此推荐使用Pinia作为状态管理,其实Pinia使用比Vuex要简单。实际已经在生成项目的时候已经是集成了Pinia。 地址:https://pinia.vuejs.org/zh/introduction.html Pinia简单对…