admin 分类

快速开发三(自定义命令)

为了提高前端开发效率,特意整理了自定义命令用来快速开发

视频演示

原视频

游鹄君2026/9/6大约 30 分钟

快速上手

游鹄君2026/7/9小于 1 分钟

组件使用篇

提示

该章节主要介绍vue3-element-admin-youhujun 的组件使用

游鹄君2026/7/9小于 1 分钟

select选择组件

提示

该章节主要介绍vue3-element-admin-youhujun中选择组件使用

游鹄君2026/7/9小于 1 分钟

快速开发一(配置相关)

提示

主要是介绍该如何上手开发使用

级联选择数据格式

提示

长久以来,结合element-plus,级联选择数据格式总是容易忘记,因为级联选择,涉及后端数据存储回显.因此特别整理出来.

以地区级联选择为例:

单选

数据显示:
北京-北京市-东城区
数据格式:

游鹄君2026/6/27大约 4 分钟

快速开发二(开发规范和路径)

公共资源

提示

经过实际检验,该项目逐渐废弃enum的定义.改为全部使用联合类型

svg资源

位于

src\common\svg\svg-icon.ts

<script setup>
//加载动画
import { LOADING_SVG } from "@/common/svg/svg-icon";
</script>

游鹄君2026/6/27小于 1 分钟

快速开发四(加密和解密)和页面回退

页面加解密传值

有时候处理复杂业务逻辑,需要在页面之间传递一些敏感信息,比如用户信息,订单信息等,但是又不想在页面之间传递明文,所以需要对传递的信息进行加密,然后在页面之间传递加密后的信息,在接收端解密后再使用.

提示

useRouter 路由器实例，负责「操作路由」
useRoute 当前路由对象，负责「读取当前页面信息」

加密

示例:

//系统
import { useRouter } from "vue-router";
//工具
import { encryptData } from "@/utils/crypt";

//初始化路由
const router = useRouter();

const encryptString = encryptData('{"id":1,"name":"张三"}');
    router.push({
      name: "RouteName",
      query: { key_word: encryptString }, 
    });

游鹄君2026/6/27小于 1 分钟