![](https://img-blog.csdnimg.cn/direct/1787037e86b94f708e95ef0c5c6b4d61.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
实践总结
文章平均质量分 87
做项目的过程中,进行一些总结记录。
小白探索世界欧耶!~
一名平平无奇的女大学生!
于2023年~痛失学生优惠特权 :(
展开
-
Vue页面内容未保存时离开页面做弹框提示
一、背景一、背景目标:如果当前页面中有正在编辑中的内容,那么此时切换组件、跳转路由、关闭标签页、刷新页面,都会有离开确认提示,防止用户因误触导致填写的内容白费。后台管理系统中有许多需要填写的表单,弹窗方式的表单一般都会关掉或提交,而单页个面的表单,有时候会忘记暂存或提交,直接离开页面,导致千辛万苦填写的内容全部置空,这是非常不友好的!!!于是,需要实现一个功能:如果当前页面中存在编辑中的内容,那么离开页面之前,要弹窗提示用户是否确认离开。二、实现。原创 2024-06-14 14:10:23 · 577 阅读 · 1 评论 -
系统权限控制插件封装-实现系统权限控制插件化
静态路由通常是那些不需要权限即可访问的页面,如登录页、404页面等。动态路由则是根据用户角色和权限来动态生成的路由。3、路由匹配与生成调用后端接口获取侧边栏树形结构数据。前端通过递归遍历后端返回的树形结构数据,并与前端配置的路由进行匹配。原创 2024-05-09 15:58:59 · 914 阅读 · 1 评论 -
Vue3自定义指令封装-按钮权限控制v-permission、hasPermissions
背景:平常所接触到的系统权限控制,大部分都是菜单、路由级别的控制,但后台管理系统中,很多操作都是与职责和角色挂钩的,同样一个列表,不同人的操作列并不都一样,有些页面存在一些含有重要数据的组件,也会进行相应的权限控制,仅让领导层能看到。:根据用户的权限不同,对不同的按钮进行权限控制,对同一组数据,不同的用户是否可以增删改查。对某些用户来说是只读浏览数据,对某些用户来说是可编辑的数据。除了按钮,比如页面中的某个字段,某个div,某个组件要求根据当前用户的权限进行控制时,都可以称为按钮级权限。原创 2024-05-09 14:11:12 · 1817 阅读 · 0 评论