在使用element-ui开发中，经常会用到对动态创建的表单进行字段验证，比如新增多个类似卡片的表单，里面的字段需要做验证，此时就要使用到动态表单验证，官方文档写的有示例，但是不够清晰。除了官方示例，还可以使用循环生成多个form实现该需求。第一种官方示例：一个Form多项下面以实际项目中的代码为例：<el-form ref="form" :model="form" :rules="rule

前言考虑到vue-element-admin的定位是后台集成方案，不太适合当基础模板来进行二次开发。根据官方推荐clone的基础模板vue-admin-template。下载打开后根据官方的目录结构，可以找到我们需要的如下目录，红框的就是这次要操作的文件。官方api使用方式官方user.js文件中其中一个接口代码：import request from '@/utils/request'...

最近在使用vscode中开发vue项目时，只是配置了一个保存后自动格式化功能，但是保存格式化和手动一键格式化竟然规则还不一样，配置了缩进4个字符也是无效，html和css只缩进了2个字符，js缩进了4个，非常恼火。最后网上查询多次终于找到问题。在首选项设置中找到下面几个配置，取消勾选，再设置4个空格即可，如果还是无效，记得看下用户和工作区是否同步修改了。...

项目背景在使用高德地图做地图相关开发时，经常会使用到标记点marker功能，如果业务较复杂，标记点需要增加自定义的信息窗口infoWindow，自定义信息窗口支持传入content参数，content 可以是 dom 对象，也可以是 html 识别的字符串。自定义最大的问题就是事件不好处理，比如关闭信息窗的点击事件。在官方的示例中，自定义使用的原生dom节点创建并添加事件，对于复杂场景，这样操作就

本项目是基于vue-element-admin的基础模板vue-admin-template进行改造的，因为实际项目很多会用到顶部导航菜单和侧边导航相结合的情况，为了满足这种需求做了改造。先上效果图：改造过程：目前业务较多，改造过程后期补上。代码仓库地址：我的码云仓库...

公司的一个项目是基于vue-element-admin开发的，头部的快捷导航利用keep-alive可以做缓存处理，但是前提是路由的name和组件的name完全一致才能生效，还有就是该功能只能缓存到第二级，如果还有router-view则无法缓存这个组件，多层级的缓存需要把父和子组件的name都添加到include上，中间涉及边界太复杂就没有花时间尝试。虽然没有完美的方案，但有一个折中全局缓存方案

vue中优雅的使用echarts​在前端工作中，数据可视化用得最多的，可能就是图表了。在众多的图表插件中，echarts以其良好的性能和完善的API，图表的多样性和功能的完整性，被广大开发者认可，成为了前端图表使用最多的工具。本篇文章主要就是讲下echarts在vue中的使用。第一步，npm 安装 ECharts，可以使用如下命令通过 npm 安装 EChartsnpm install .....

在企业级项目开发中，一般使用不同的打包命令改变环境变量解决不同环境各种变量需要手动修改的问题，比如接口请求地址，不同环境的请求路径前缀都是不同的。变量对象中添加的是需要根据不同环境配置的变量，比如后端服务请求地址，小程序。但在很多企业中，可能就2个环境并不能满足实际场景，同时在开发微信小程序时，测试和生产都是不同的。一般小程序也就测试和生产两个环境，环境太多都要重新申请账号也麻烦。扩展节点，实现自

在企业级项目开发中，一般使用不同的打包命令改变环境变量解决不同环境各种变量需要手动修改的问题，比如接口请求地址，不同环境的请求路径前缀都是不同的。变量对象中添加的是需要根据不同环境配置的变量，比如后端服务请求地址，小程序。但在很多企业中，可能就2个环境并不能满足实际场景，同时在开发微信小程序时，测试和生产都是不同的。一般小程序也就测试和生产两个环境，环境太多都要重新申请账号也麻烦。扩展节点，实现自

vue中优雅的使用echarts​在前端工作中，数据可视化用得最多的，可能就是图表了。在众多的图表插件中，echarts以其良好的性能和完善的API，图表的多样性和功能的完整性，被广大开发者认可，成为了前端图表使用最多的工具。本篇文章主要就是讲下echarts在vue中的使用。第一步，npm 安装 ECharts，可以使用如下命令通过 npm 安装 EChartsnpm install .....