摘要： 实现思路 权限格式,快速查找当前菜单下按钮权限，而不是跌倒所有权限匹配 { "*:*:*":{ // 系统id "*:*:*":['sys:user:add','sys:user:del'] // 菜单menuid }, ...... } 目录结构 hasPermi.js import store 阅读全文

摘要： 方案一：CSS 变量 + 动态类名（推荐） 利用 CSS 变量的动态特性，通过切换根元素类名来修改变量值，实现换肤。 styles/theme.css 定义好主题颜色 /* 默认主题 */ :root { --primary-color: #42b983; /* Vue 绿 */ --bg-colo 阅读全文

摘要： 1. 安装依赖 首先安装适合 Vue2 的 vue-i18n 版本（注意：Vue2 需使用 [email protected]，Vue3 则用 vue-i18n@9+） npm install vue-i18n@8 --save # 或 yarn add vue-i18n@8 2. 配置国际化文件 在项目中创 阅读全文

摘要： 动态路由涉及到 router、 store、 beforeEach、 permission权限 1、触发登录事件 Login.vue 监听路由变化，下次登录重定向上次页面 watch: { $route: { handler: function(route) { this.redirect = ro 阅读全文

摘要： 在 Vue 2 项目中，Mock.js 可以帮你快速模拟后端接口数据，支持两种主要方式： 方式一：前端拦截（不会产生真实网络请求） 方式二：通过 devServer.before（会产生真实请求，网络面板可见） 方式一：前端拦截（简单快速） 1. 安装依赖 npm install mockjs ax 阅读全文

摘要： 本布局是按照vue-admin-template 搭建流程即可或其它后台框架搭建，实际根据需求改动 https://panjiachen.github.io/vue-element-admin-site/zh/guide/ 1、使用Scss 安装scss 后续在页面使用 npm i node-sas 阅读全文

摘要： 1、创建 Vue2 项目 cd 项目名称 # 例如：cd my-vue2-project npm run serve # 启动开发服务器 2、项目目录结构（核心文件） my-vue2-project/ ├── public/ # 静态资源（不会被 Webpack 处理） ├── src/ │ ├── 阅读全文

摘要： src/api.js import request from '@/utils/request' export function login(data) { return request({ url: '/vue-admin-template/user/login', method: 'post', 阅读全文

摘要： vue.config.js const path = require('path'); const webpack = require('webpack'); const CompressionPlugin = require('compression-webpack-plugin'); const 阅读全文

摘要： main.js import Vue from 'vue'; import App from './App.vue'; import router from './router'; import store from './store'; import './plugins'; import './ 阅读全文