- 博客(6)
- 收藏
- 关注
原创 Vuex筛选权限路由
1、 登录之后,后端根据该用户的角色查询当该用户的权限信息,这些权限信息包含的标识是和本地完整的动态路由的name是有匹配关系的。我们登录之后拿到权限标识和本地的动态路由进行匹配筛选出属于当前用户的动态路由,然后通过router.addRoutes方法,直接添加到路由实例中去2: 登录之后,后端根据该用户的角色查询当该用户的权限信息,而这些权限信息就是该用户的动态路由,我们只需要将动态路由里面的component字段值为字符串转为真正的组件对象即可。然后通过router.addRoutes方法,...
2022-04-06 21:50:56 218
原创 el-upload 组件文件上传
el-upload 组件该组件可以实现文件的上传, 组件内部会自己使用原生的xhr发送请求<el-upload list-type="picture-card" :file-list="fileList" :on-remove="onRemove" :on-preview="onPreview" :on-change="onChange" :before-upload="beforeUpload" :http-request="httpReque...
2022-04-03 22:02:17 2869
原创 新增-删除-利用sync修饰符关闭新增弹层
删除部门功能实现删除功能首先我们需要获取数据封装删除接口,注册下拉菜单事件/** * * 根据id根据部门 删除 delete 新增 post 修改put 获取 get * **/export function delDepartments(id) { return request({ url: `/company/department/${id}`, method: 'delete' })}然后我们需要监听下拉事件,父组件监听事件 <el-
2022-03-28 21:48:13 483
原创 自定义指令-用户资料模块-token 处理
在main.js中进行全局注册:import * as directives from '@/directives'// 注册自定义指令// 遍历所有的导出的指令对象 完成自定义全局注册Object.keys(directives).forEach(key => { // 注册自定义指令 Vue.directive(key, directives[key])})此导入语法可以获取文件中所有的指令对象:import * as 变量 得到的是一个对象{ 变量1:对象1,变量2:..
2022-03-25 21:42:56 526
原创 Element的表单校验
实现表单基本结构vue create login安装Element(Element - The world's most popular Vue UI framework)官网地址开发时依赖 : 开发环境所需要的依赖 -> devDependencies运行时依赖: 项目上线依然需要的依赖 -> dependencies安装下载element npm i element-ui 在main.js中对ElementUI进行注册import ElementUI fro
2022-03-21 21:18:19 2659
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人