下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、jquery树形插件ztree高级使用详解ztree测试页面三、一些办法(1)设置绽开树四、setting 配置详解一些比较常用的配置(一)check1、enable: true设置 ztree 的节点上是否显示 checkbox / radio默认值: false(二)viewselectedmulti: false 设置是否允许同时选中多个节点。默认是true(三)data效果:以上就是本文的所有内容,希翼对大家的学习有所协助,也希翼大家多多支持。下面介绍两种权限控制的办法:路由元信息(meta)动态加载菜单和路由(addroutes)路由元信息(meta)假如一个网站有不同的角色,比如
2、管理员 和 一般用户 ,要求不同的角色能拜访的页面是不一样的这个时候我们就可以 把全部的页面都放在路由表里 ,只要 在拜访的时候推断一下角色权限 。假如有权限就让拜访,没有权限的话就否决拜访,跳转到404页面vue-router 在构建路由时提供了元信息 meta 配置接口,我们可以在元信息中添加路由对应的权限,然后在路由保卫中检查相关权限,控制其路由跳转。可以在每一个路由的 meta 属性里,将能拜访该路由的角色添加到 roles 里。用户每次登陆后,将用户的角色返回。然后在拜访页面时,把路由的 meta 属性和用户的角色举行对照,假如用户的角色在路由的 roles 里,那就是能拜访,假如不
3、在就否决拜访。代码示例1:路由信息:页面控制:代码示例2固然也可以用下面的一种办法:可以在多个路由下面添加这个权限标识,达到控制的目的只要一切换页面,就需要看有没有这个权限,所以可以在最大的路由下 main.js 中配置存储信息普通的,用户登录后会在本地存储用户的认证信息,可以用 token 、 cookie 等,这里我们用 token 。将用户的 token 保存到 localstorage 里,而用户信息则存在内存 store 中。这样可以在 vuex 中存储一个标志用户登录状态的属性 auth ,便利权限控制。代码示例写好路由表和vuex之后,给全部路由设置一个全局保卫,在进入路由之前举
4、行权限检查,并导航到对应的路由。上述的办法是基于 jwt 认证方式,本地不持久化用户信息,只保存 token ,当用户刷新或者重新打开网页时,进入需要登录的页面都会尝试去哀求用户信息,该操作在囫囵拜访过程中只举行一次,直到刷新或者重新打开,对于应用后期的开发维护和扩展支持都很好。动态加载菜单和路由(addroutes)有时候为了平安,我们需要按照用户权限或者是用户属性去动态的添加菜单和路由表,可以实现对用户的功能举行定制。 vue-router 提供了 addroutes() 办法,可以动态注册路由, 需要注重的是,动态添加路由是在路由表中 push 路由,因为路由是按挨次匹配的,因此需要将诸如404页面这样的路由放在动态添加的最后。代码示例在 vuex 中添加 userroutes 数组用于存储用户的定制菜单。在setuserinfo中按照后端返回的菜单生成用户的路由表。修改菜单渲染总结以上所述是小编给大家介绍的vue 权限控制的两种办法(路
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 灯具厂散水施工合同
- 医疗卫生供货施工合同范本
- 涂料施工保修合同
- 银行采购合同审核指南
- 2025货物进出口合同范文(中英文)
- 赛车场门窗施工合同协议书
- 2025用人企业短期用工合同
- 2025个人抵押的借款合同范本【下载】
- 建筑机械设备租赁合同
- 2025暖通工程安装合同
- 大坝安全监测自动化系统的运行与维护
- P92焊缝IV型蠕变开裂机理
- 农业机械学课件
- 江苏省宿迁市沭阳县2023-2024学年八年级上学期期末数学试题
- 2024普通高中物理课程标准解读
- 二次根式计算专项训练150题含答案
- 2024北京海淀区初三(上)期末化学试卷及答案
- 广东省阳江市江城区2023-2024学年部编版八年级历史上学期期末试卷
- 《中药膏方讲座》课件
- 上消化道穿孔教学查房课件
- 2024年中国雄安集团招聘笔试参考题库含答案解析
评论
0/150
提交评论