摘要：loading 1、table基础表格渲染（动态表头数据，排序） <template> <div class="table-container"> <!-- 动态表头表格 --> <el-table :data="tableData" border fit stripe @sort-change=" 阅读全文

摘要：/** * 表单提交处理 */ handleSubmit() { // 调用 el-form 验证方法 this.$refs.myForm.validate((valid, errorFields) => { if (valid) { // 验证通过，执行提交逻辑 this.$message.suc 阅读全文

摘要：实现： 当数据量大，无分页后台一次全部返回数据，如果直接el-table渲染会造成页面渲染卡死 分片加载 截取数组中指定条数返显 使用: slice 完整vue 代码，有注解，如果使用接口分页把延迟 改为 实际接口 <template> <div class="table-demo"> <!-- @ 阅读全文

摘要：实现： 1、全国地图热力-下钻省市县热力图 2、请求接口加载热力值 3、解决地图资源文件旧（如县升级市导致）更新资源文件 4、Datav数据可视化平台使用 效果演示： 1、全国地图 2、省市 3、区县 三级下钻，示例 资源存放 public/json 存放地图json文件，可以直接下载放到publi 阅读全文

摘要：基本使用，复杂需要自行扩展 组件部分 <template> <el-select v-model="selectedValue" v-bind="$attrs" v-on="$listeners" :multiple="multiple" :filterable="filterable" :remo 阅读全文

摘要：功能描述： 1、基于element ui 自定义表单验证 2、vuex 缓存后端返回数据 3、基于服务端接口返回验证规则适用于，第三方规则 1、路由守卫前，触发登陆成功获取，动态验证规则集合，存放到vuex // 全局前置守卫 router.beforeEach((to, from, next) = 阅读全文

摘要：组件支持： 基础的 v-model 双向绑定 防抖 / 节流功能（通过属性配置） 支持 el-input 原生属性透传 支持插槽（如前置 / 后置图标 customInput index.vue. // 组件页面 index.js. 全局注册使用 index.vue <template> <el-i 阅读全文

摘要：基本使用都满足 包括常用的： 时间格式 ：type [date,datetime,daterange ....] 快捷方式 ：日期左侧：如 今天，昨天，一个月前日期 日期禁用：禁用日期段 其它相关属性 custom-date-picker 组件内容 <!-- 1、isShortcut <boolea 阅读全文

摘要：scss 依赖安装 npm i node-sass sass-loader style-loader -D 阅读全文

摘要：v-model 在组件上使用,只能更改一个值。 sycn [singk] 1、在组件上使用 v-model ,父组件 v-model ,子组件接收value , $emit('value',xxxx) 2、sync [singk]. 父组件 :message属性值.sync ='xxxxx' ,,子 阅读全文

摘要：实现思路 权限格式,快速查找当前菜单下按钮权限，而不是跌倒所有权限匹配 { "*:*:*":{ // 系统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 需使用 vue-i18n@8.x，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 './ 阅读全文