![](https://img-blog.csdnimg.cn/0f99f5cb5ff84b03ac9718687dff729e.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
解决方案
基于vue3及element plus后台管理系统通用解决方案
海面有风
梦想很大,仍需努力
展开
-
【vue3】:Excel导入导出解决方案
拖拽主要是实现一个拖拽的一个过程,上传解析跟方法一一样。方式一点击按钮,选中文件,进行上传。方式一点击按钮,选中文件,进行上传。json转二维数组工具函数。方式二拖拽文件进行上传。生成数据结构,发送给后端。方法二拖拽文件进行上传。...原创 2022-07-19 20:26:50 · 1736 阅读 · 0 评论 -
【vue3】:全局搜索解决方案
需求用户通过搜索框进行全局搜索,与当前系统路由进行匹配,用户点击匹配结果,可以跳转到该路径下的页面。这里需要借助第三方库fuse.js。原创 2022-07-14 20:24:12 · 1227 阅读 · 0 评论 -
【vue3】:全屏解决方案
在原生 API 中有两个方法可以实现页面的全屏操作具体实现:https://developer.mozilla.org/zh-CN/docs/Web/API/Fullscreen_API在这里并不使用的是原生 API 而是使用原创 2022-07-12 20:08:03 · 4021 阅读 · 0 评论 -
【vue3】:主题色解决方案
修改主题色关键点是 色值不能写死。在该解决方案中,主要涉及的是 element-plus 以及 非 element-plus 的主题色修改。对于非 element-plus 解决方法如下:1、全局定义scss变量,页面绑定该变量,通过修改该变量值,从而使页面主题色进行修改。2、并且该变量要实现响应式,永久保存(避免页面刷新色值被覆盖)。因此需要结合本地缓存以及vuex将值保存好。3、初始时通过 getters 获取主题色的同时,使用 generateColors 函数生成新的色值表,与 scss色值表 进行原创 2022-07-10 16:29:57 · 1357 阅读 · 0 评论 -
【vue3】:国际化解决方案
element plus非 element plus下载 根据不同 locale 使用加载不同的语言文件,element plus 无需手动加载,只需设置 或者 即可语言文件i18n实例对象全局注册 i18n对象在中使用在中使用在中使用原创 2022-07-04 20:39:00 · 715 阅读 · 0 评论 -
【vue3】:前端登录功能解决方案
# 配置接口代理# 封装 axios 模块# 基于 localstorage 封装保存服务端返回的 # 封装 接口请求 模块# 封装登录请求动作单独将有关用户部分的请求封装到 中的模块中在 store 入口文件中注册 user 模块# 登录鉴权在访问项目时,需要判断用户是否已经登录了,登录了则直接进入到主页。反则,跳转到登录到页面。使用 前置路由来进行登录鉴权...原创 2022-06-26 16:14:57 · 419 阅读 · 0 评论 -
【vue3】:Icon 图标处理方案
图标无非是两种图标,及因此:我们需要封装一个可以兼容和的组件基本代码引入 中的文件,并全局注册组件在 src 目录下创建 icons文件夹,并在其目录下创建svg文件夹用于存放图标,及注册文件 将 引入到在加载的图标中,需要使用及修改webpack才能加载出图标loader:svg-sprite-loader@6.0.9基本使用...原创 2022-06-25 21:46:44 · 952 阅读 · 0 评论