原生js路由跳转方法_今日艰难笔记原生js整合reactrouter路由管理

数据大屏使用权限三种场景模式

学校登录，只能查看自己学校的数据大屏(绍兴中专较为特殊)

市级教育局登录，可看到自己所在级数据大屏，区级，子级数据大屏

区级教育局可看到子级，所在级

当为教育局类型时，点击返回案例，跳转到账号所属级别数据大屏

具体权限及页面跳转，有react-router实现

1.app.jsx入口处页面，设置页面传参变量名，并设置关键字exact，表示不包含性匹配，

2.入口处，第一次路径初值，判断学校类型即地图显示类型

3.edubigscreen.jsx页教育局大屏页，将传参放入state，做到数据统一储存与管理，路径参数的赋值操作有三处，组件的state，父级地图的点击事件，子级地图的点击事件。

4.bigscreen.jsx页面学校级数据大屏为多页面，每个页面为一个组件，新建二级router进行路由管理

5.在大屏页面，参数的赋值操作有两处，每个页面组件的state，还有就是导航栏组件screenNav组件跳转时赋值。

大屏路由管理暂且到这，接下来我认真看安全，底层协议，呜呜，我要自救，京东白条终身黑。

原生js路由跳转方法_今日艰难笔记原生js整合reactrouter路由管理相关推荐

setdata改数组里的值微信小程序_今日艰难笔记redux小程序随记
redux的前身Flux https://zhuanlan.zhihu.com/p/38050036 Flux的一整套抽象(action,dispatcher,store),在单向数据流的基础上可以提 ...
vue3路由跳转方法
首先,vue3.0跳转和vue2.0跳转方式差别不大,但是还有需要注意的地方.这里我介绍两种比较常见的路由跳转方法. 1.利用router-link标签来进行跳转. <template> ...
js 页面跳转方法当前页与新增页面
js 页面跳转方法 open('http://www.baidu.com'); //页面跳转打开一个新的页面close() //关闭当前页面location.href //可以进行页面跳转当前网页直接 ...
vue router 路由跳转方法概述
一.概述使用到Vue的项目,我们最常见使用的就是Vue配套的Vue Router库. 那么在平日开发中,有多少种跳转路由的方法? 二.跳转方法 1.使用router-link标签使用router- ...
vue路由跳转权限_如何在vue中实现路由跳转判断用户权限功能？
实现这类校验有几个步骤. 1.设置路由是否需要校验的阀值. // 路由配置的地方谁知阀值 routes:[ { name:'admin', path:'/admin', component:'..., ...
js layui跳转页面_【WEB前端开辟】layui的iframe跳转链接与页面按钮跳转相干引见...
一.导航跳转iframe页面题目: 引荐:layui教程关于layui的iframe嵌套页面的导航跳转页面题目,如下图所示能够看到结果: 在模板页的导航代码: 一切商品商品列表商品属性商品分类 ...
js ios调用ios方法_通过iOS 13的模式演示调用生命周期方法
js ios调用ios方法 iOS 13 was legendary iOS 13传奇 iOS 13 brought many cool things; dark mode, sign in with ...
合并多个js,css文件的方法：在服务端合并js和css文件
合并所有的js和css文件可以减少HTTP请求,这样能提升访问速度. 通常为了开发的方便,我们会把js按用途分类,这样就会有很多js文件,比如sablog的jscript文件夹里就有10几个文件,这样 ...
springboot图书管理怎么实现借书时间到期提醒_今日图书丨有了这个，图书管理再也没烦恼！...
今日图书丨有了这个,图书管理再也没烦恼!mp.weixin.qq.com 读书使人心明眼亮. --伏尔泰实话说,你是不是也有过这样的烦恼? @我就是我:书太多,每次要找都不知道去哪翻! @烟火的尘 ...

原生js路由跳转方法_今日艰难笔记原生js整合reactrouter路由管理

原生js路由跳转方法_今日艰难笔记原生js整合reactrouter路由管理相关推荐

最新文章

热门文章