开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第22天，点击查看活动详情
ele-admin升级问题
升级版本或者跨级升级，吧src/views下的所有页面复制到模板中，根据运行报错修改
以及修改自己改动过的其他文件
环境变量配置
.env 所有环境下都会加载
.env.development 开发环境下 npm run serve
.env.preview 演示环境配置 npm run build:preview
新增变量以VUE_APP_开头
token自动续期
后端在token将要过期的时候,返回新的token在response的header中前端覆盖当前缓存的token
下次请求会用新的token,让用户无感知的续期token
菜单路由配置
hide 为true时,只注册路由不显示在左侧菜单,比如非弹窗形式的添加页面
active 比如页面不在左侧栏,打开后侧栏就没有选中
keepAlive 页签是否可以缓存
meta 对应路由元数据
前端处理要放在meta下面,也支持接口返回meta字段
!菜单在注册路由的时候回铺平,所以父级别不要写component,写了没有嵌套路由的效果
formatMenus 把接口格式的菜单数据转成标准格式的数据
//src/store/modules/user.js
import { formatMenus } from 'ele-admin';
const { menus, homePath, homeTitle } = formatMenus(data, childrenField);
title icode hide 放在meta下
component 去掉前面的 '/'
父级增加一个redirect, 指向第一个子级的path
返回的homePath第一个不为目录的菜单的path,homeTitle,第一个不为目录的菜单的title
childrenFiled非必须,默认为children
menuToRoutes 把菜单数据转成路由数据
过滤重复的路由path,过滤掉外链,内链的数据处理
const routes = menuRoutes(
menus,
(component) => import('@/views/' + component),
[],
undefinend,
undefinend,
iframeMixins
)
表格查询 ele-pro-table
Object.assign把表格数据的row克隆给form
如果直接让 this.form = row,会存在引用传递的问题导致弹窗里面输入改变了,
表格行里面同样会改变
辅助类
文字辅助 ele-text ele-text-center ele-text-delete
背景,边框ele-bg-info ele-bg-primary ele-border-success
flex ele-cell
浮动,清除 ele-pull-left ele-pull-right ele-clear ele-clear-after
表单辅助 ele-form-detail ele-form-search ele-dialog-form
