流浪のwolf

卷帝

导航

上一页 1 ··· 46 47 48 49 50 51 52 53 54 ··· 73 下一页

2022年11月7日

后台管理系统-角色权限控制的实现

摘要: ps:服务器返回用户的权限标识 ; 主要在登录的时候判断用户的权限 1. 左侧菜单显示 2. 路由的页面跳转 - 使用 addRoutes 增加动态路由规则并注入路由实例 router ;实现位置:在前置路由守卫中,和登录判断一块的 ; permission 文件实现 前置路由守卫 是否登录(tok 阅读全文

posted @ 2022-11-07 19:19 流浪のwolf 阅读(341) 评论(0) 推荐(0) 编辑

全局和局部混入 mixins

摘要: 使用 mixins 混入 的目的 :复用代码,维护代码 ; 局部混入: 全局混入 + 按钮权限控制 : ps:定义一个方法 ,checkPermission (str) str 是按钮的权限标识 , 服务器返回给我某个用户的按钮权限标识数组 points 如果 points 包含按钮的权限标识 st 阅读全文

posted @ 2022-11-07 14:56 流浪のwolf 阅读(44) 评论(0) 推荐(0) 编辑

后台管理系统 - 给用户关联角色

摘要: rbac role base access control 是基于角色的权限控制 ;角色是用户和权限的中间桥梁 ;不同的角色有不同的权限 ; 不同的用户有不同的角色 ,所以用户用户角色拥有的权限 ; 给用户关联角色 ; 1. 暴漏弹框 2. 显示所有的角色 3. 回显用户拥有的角色 4. 确认修改提 阅读全文

posted @ 2022-11-07 09:46 流浪のwolf 阅读(44) 评论(0) 推荐(0) 编辑

你所理解的 mvvm 模型

摘要: mvvm 是Model-View-ViewModel 数据驱动视图模型,是mvc 的改进版 ,mvvm把界面ui和业务逻辑分离 ,model 是data属性的数据 , view 是模板结构 ,viewmodel是vue实例 ; 阅读全文

posted @ 2022-11-07 07:51 流浪のwolf 阅读(13) 评论(0) 推荐(0) 编辑

谈谈你对 vue 的理解

摘要: vue 是创建用户界面的 js 框架 ,是创建 spa 应用的框架 ;使用 mvvm 模式,数据驱动视图模型 ,业务逻辑和页面解构分离开发;使用高效的 diff 算法渲染页面结构 ; 采用组件化模式,提高代码复用率、且让代码更好维护 阅读全文

posted @ 2022-11-07 07:30 流浪のwolf 阅读(25) 评论(0) 推荐(0) 编辑

2022年11月6日

给角色修改权限的时候 - 后台管理系统

摘要: 点击修改按钮:定于一个修改的方法,调出弹出层 ; async editRow(id) { // 获取详细信息 当前修改的角色信息 @lcick row.id const res = await getRoleInfoApi(id); // 弹框打开 推荐先赋值回显数据 然后打开弹窗 this.$re 阅读全文

posted @ 2022-11-06 18:43 流浪のwolf 阅读(34) 评论(0) 推荐(0) 编辑

后台管理系统tabs栏切换思路

摘要: 页面内容: 使用 element-ui 实现 tabs 标签页 :https://element.eleme.cn/#/zh-CN/component/tabs#tab-pane-attributes 1. 把内容封装成一个组件 - 表格 table 2. tabs 的 v-model 和 @tab 阅读全文

posted @ 2022-11-06 10:09 流浪のwolf 阅读(417) 评论(0) 推荐(0) 编辑

2022年11月5日

前端实现权限控制 - 三种方法 - 不同的角色有不同的路由映射

摘要: 有代码:https://gitee.com/zhu-longxu/zhulx-rbac ps:注意本地路由 router 有哪些规则?服务器返回的数据格式? 方法一:本地路由router 包含静态路由规则 ; 虽然动态路由规则定义了但是没有注入;动态路由规则在登录判断的时候选择性是否注入 ;服务器返 阅读全文

posted @ 2022-11-05 23:02 流浪のwolf 阅读(285) 评论(0) 推荐(0) 编辑

[Vue warn]: Error in v-on handler (Promise/async): "TypeError: Object(...) is not a function"

摘要: 引用外部发文件时候,只是部分引用,所以原本是解构方式引用的,我忘记加{ }了 阅读全文

posted @ 2022-11-05 09:59 流浪のwolf 阅读(507) 评论(0) 推荐(0) 编辑

批量设置自定义指令

摘要: // 导入自定义指令文件 import * as directive from "@/directive"; // 批量注册自定义指令 Object.keys(directive).forEach((item) => { // item就是模块里面每个暴露的属性名 directive[item] 就 阅读全文

posted @ 2022-11-05 08:57 流浪のwolf 阅读(33) 评论(0) 推荐(0) 编辑

上一页 1 ··· 46 47 48 49 50 51 52 53 54 ··· 73 下一页