vue3
文章平均质量分 75
西半球
好记性不如烂笔头
展开
-
vue3 - vue项目自动检测更新
web项目当页面检测到需要更新,然后弹框提示是否更新(刷新页面)这种可以通过纯前端实现也可以通过接口实现。原创 2024-07-11 14:22:23 · 488 阅读 · 1 评论 -
vue3 - 基于ts的时间转换处理的time utils
时间转换处理的工具类${${${${${${${原创 2023-09-28 15:54:35 · 742 阅读 · 0 评论 -
vue3 - 使用 xlsx 库将数据导出到 Excel 文件
xlsx是由SheetJS开发的一个处理excel文件的JavaScript库。它可以读取、编写和操作 Excel 文件安装实现一个通过的数据导出工具类示例。原创 2023-09-27 16:12:43 · 2317 阅读 · 2 评论 -
vue3 - 按需导入使用Element Plus图标、iconify图标、本地SVG/PNG图标
它提供了一个庞大的图标库,包含数千个常用图标,涵盖了各种主题和风格,如 Material Design、Font Awesome、Feather 等。这些图标可以以矢量格式(SVG)使用,适用于各种项目,如网站、移动应用、桌面应用等。它提供了一套简洁、易于使用的样式类,帮助开发者快速搭建漂亮且功能强大的界面。按需自动导入组件,如:Element Plus 等三方库和指定目录下的自定义组件。以下是vue3中使用本地PNG图标的方式(调试和线上图标都显示)使用icon图标一般是通过组件的方式使用的,如。原创 2023-09-26 14:56:47 · 1243 阅读 · 0 评论 -
vue3 - Vue 项目处理GitHub Pages 部署后 _plugin-vue_export-helper.js 404
vue3项目打包后部署到github pages 后,预览网站提示下划线开头的一个文件访问不到,网络请求显示404处理GitHub Pages 部署 _plugin-vue_export-helper.js 404。原创 2023-09-21 15:59:13 · 943 阅读 · 1 评论 -
vue3 - 前端 Vue 项目提交GitHub 使用Actions自动化部署
vue前端项目写好之后,想部署到线上通过在线地址进行访问,可以通过gitee或者GitHub的pagesVue - vue项目打包部署到Github的pages在线访问。原创 2023-09-21 11:24:40 · 1202 阅读 · 0 评论 -
Vue3 - 实现动态获取菜单路由和按钮权限控制指令
关于动态获取路由已在这里给出方案Vue - vue-admin-template模板项目改造:动态获取菜单路由这里是在此基础上升级成vue3和ts,数据和网络请求是通过mock实现的具体代码请看demo!!!本地权限控制,具体是通过查询用户信息获取用户角色,在路由守卫中通过角色过滤本地配置的路由,把符合角色权限的路由生成一个路由数组动态获取菜单路由其实思路是一样的,只不过路由数组变成从服务器获取,通过查询某个角色的菜单列表,然后在路由守卫中把获取到的菜单数组转成路由数组动态路由实现是参考。原创 2023-09-21 10:47:33 · 1524 阅读 · 1 评论 -
vue3 - 项目集成vue-i18n国际化和Element Plus 国际化
创建一个index.ts文件配置vue-i18n并且整合整个lang文件夹下面的所有语言文件。在项目的入口文件中(通常是 main.ts),导入配置。Element Plus 提供了一个 Vue 组件。文件夹下,可以按模块创建不同语言的文件,如。文件夹用于存放不同语言的翻译文件。因为在配置vue-i18n时设置了。是一个国际化多语言插件。用于全局配置国际化的设置。zh-cn.ts 示例。原创 2023-09-21 10:12:23 · 951 阅读 · 0 评论 -
vue3 - Element Plus暗黑模式适配、切换及自定义颜色
有时需要自定义一些可全局使用的颜色,并且支持暗黑模式可在之后导入一个自定义的style文件,如base.scss然后在内部实现自定义的颜色:root {然后在页面的css中使用设置的自定义颜色。原创 2023-09-20 17:03:57 · 4703 阅读 · 1 评论 -
vue3 - 开发和生产环境通过Mock模拟真实接口请求
在前端开发中,常常需要与后端接口进行交互。然而,在接口尚未实现或者正在开发的情况下,前端开发人员往往无法得到真实的接口数据,这给开发和测试工作带来了一定的困扰。对此,可以通过Mock模拟真实接口请求是一个基于 Vite 构建工具的插件,它提供了一种简单方便的方式来模拟接口数据。使用该插件,我们可以在本地搭建一个 mock 服务器,通过编写模拟接口规则来返回我们预设的数据,从而在开发和测试阶段顺利进行。vue3和vue2使用mock有点区别,在vue2中使用的三方库是mockjs,在vue3中使用的是。原创 2023-09-20 16:34:53 · 2139 阅读 · 1 评论 -
vue3 - Element Plus 切换主题色及el-button hover颜色不生效的解决方法
按文档中设置大部分颜色也会根据设置的颜色改变,但是有部分颜色不生效,比如按钮hover时的颜色还是默认的颜色。这是因为主题色由以下图片的颜色决定的,要修改下面所有的颜色才行。原创 2023-09-20 15:53:09 · 1694 阅读 · 0 评论 -
vue3 - 基于 Vue3 + Vite4 + TypeScript5 + Element-Plus + Pinia 技术栈的后台管理系统
是基于 Vue3 + Vite4 + TypeScript5 + Element-Plus + Pinia 等最新主流技术栈构建的后台管理系统前端模板。基于项目升级到 vue3 版本通过Mock模拟真实接口请求动态权限控制、动态获取菜单路由、按钮级别的权限控制vue-i18n 国际化支持暗黑模式支持添加TopHeader功能、支持顶栏和固钉动态切换基础系统设置模块(用户管理、角色管理、菜单管理、字典管理)可视化用户角色、菜单权限、按钮权限配置。原创 2023-09-20 15:31:26 · 1148 阅读 · 0 评论