路由跳转

精读《深入了解现代浏览器二》

概述本篇重点介绍了浏览器路由跳转后发生了什么，下一篇会介绍浏览器的渲染进程是如何渲染网页的，环环相扣。
黄子毅·2022-02-18 11:42

vue项目路由配置及两种路由跳转方法

路由1.Vue-rotuer开发（五步法）1)新建router目录通过npm安装vue-routerNpminstall--savevue-router2)在index.js中，导入路由，并且使用Vue.use()安装路由： importVuefrom'vue' importAppfrom'./App' importVueRouterfrom'vue-router' Vue.use(VueRout
yezi__626·2022-02-17 15:54

Vue3.0 + qiankun.js 实现多tab标签页路由切换

vue-router的router.beforeEach方法来动态加载(loadMicroApp)微应用页面用vuex来管理已加载的微应用和tab标签数据监听用initialState的变化来执行对微页面内部的路由跳转各依赖版本
·2022-02-17 14:35

react 创建新的项目以及react-router4.xx 配置

背景日常絮叨看到这个文章大部分也是react有基础或者刚入门的小伙伴，react目前比较流行欢欣的一个库，下面让我们一步一步run起来路由跳转是指在同步保持浏览器URL的过程中渲染页面中的视图。
Lyan_2ab3·2022-02-17 06:52

VUE导航守卫beforeRouteLeave实现路由跳转拦截

##原创声明本文系作者辛苦码字所得，欢迎分享和转载，但请在明显位置注明作者的如下信息：笔名：来碗鸡蛋面主页：[https://www.jianshu.com/u/4876275b5a73](https://www.jianshu.com/u/4876275b5a73)邮箱：[email protected]：tom_wong666基本语法：beforeRouteLeave(to,f
来碗鸡蛋面·2022-02-17 02:41

react-router：传参方式

一、get传参1.路由配置2.路由跳转#html点击跳转#jsthis.props.history.push({pathname:"/user",search:"?
Melody_28a2·2022-02-16 01:04

Vue刷新页面的三种方式

原始方法：location.reload();vue自带的路由跳转：this.$router.go(0);用过的人都知道，前两者都是强制刷新页面，会出现短暂的闪烁，用户体验效果不好。
吴小冷·2022-02-15 01:08

温故而知新之Vue Router

$route.params响应路由参数的变化路由跳转时，原来的组件实例会被复用，这意味着组件的生命周期钩子并不会再被调用复用组件时，想对路由参数的变化做出响应的话，可以watch$route对象constUser
lmmy123·2022-02-14 21:16

Vue路由跳转

现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。父组件中：methods：方案一：getDescribe(id){//直接调用$router.push实现携带参数的跳转this.$router.push({path:`/describe/${id}`,})方案一，需要对应路由配置如下：{path:'/describe/:id',name:'Describe',co
豌豆荚_6d7e·2022-02-13 10:47

URLNavigator使用指南及扩展

URLNavigator是什么:devxoul简单的写了一句话：ElegantURLRoutingforSwift其实就是优雅的路由跳转为了解耦模块。
Hellolad·2022-02-09 04:53

vue路由跳转写法在html,vue-router的实现原理是什么？

官网文档，…,下面这种路由表的写法比较优雅，我把路由单独写在一个文件routes.js.router／routes.js文件代码constroutes=[{path:'/',redirect:'/recommend'},{path:'/recommend',component:()=>import('../components/recommend/view.vue')},{path:'/singe
新起点加油·2022-02-07 09:26

vue路由跳转

1、router.push(location)=====window.history.pushState除了使用创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的URL，则使用router.push方法。这个方法会向history栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的URL。当你
王哈哈wl·2022-02-07 00:54

十八（4）、react 之 react-router中的Link和NavLink组件的使用 ------ 2019-11-10

1、Link组件的作用:Link组件的作用类似于a标签，是用来做路由跳转的；首页to属性：Link标签必须的属性，属性值是要跳转的路由2、NavLink组件的用法和Link组件基本相同，区别在于NavLink
自己写了自己看·2022-02-06 20:02

React-路由传递参数

react-router-dom路由跳转传递参数方式一==通过query==HTML方式JS方式this.props.history.push({pathname:'/user',query:{day:
墨_梵·2022-02-06 03:31

微信小程序路由跳转

Tab切换"tabBar":{"color":"black",//默认颜色"borderStyle":"#000",//边框"selectedColor":"red",//替换时小图标下方更换的颜色"list":[{"pagePath":"pages/index/index",//要跳转的目标组件的路径"text":"首页",//tab文字"iconPath":"static/home.png",
Augenstern___·2022-02-05 15:12

vue中路由跳转及传参

1、router-link方式跳转：//1.通过路径跳转路由通过query传递参数订单详情//组件中获取参数的方式：this.$route.query.id//2.通过name跳转路由通过params传递参数,通过params进行路由传参的时候只能由name引入订单详情//组件中获取参数的方式：this.$route.params.id2、编程式js方式跳转this.$router.push：//
zkzhengmeng·2022-02-05 09:25

Flutter路由插件-r_router（全面适配Navigator2.0）

1.简介在开发Flutter开发的过程中，路由跳转页面是十分常见的，市面上也有许许多多的路由插件包，例如fluro、ff_annotation_route、routermaster等等，但在个人使用上面
rhyme_lph·2021-12-31 21:24

Vue实现模糊查询-Mysql数据库数据

由于输入框和显示结果的不再同一view下，所以在路由跳转时将搜索结果传递给显示结果的页面，这里用的query。
·2021-12-23 10:57

使用Vue-antd-vue实现一个字典模块

简介对于vue初学者，这个有一定程度上的帮助，逻辑比较简单，所以没什么注释，新增和编辑用的是页面路由跳转，this.$router.push，有问题可以私信我，共同进步。
·2021-12-21 12:05

精读《深入了解现代浏览器二》

概述本篇重点介绍了浏览器路由跳转后发生了什么，下一篇会介绍浏览器的渲染进程是如何渲染网页的，环环相扣。
·2021-12-06 11:31

Vue中路由守卫的具体使用

全局前置守卫1.2全局后置路由守卫1.3整合2.路由独享的守卫3.组件内的守卫作用：对路由进行权限控制分类：全局守卫、独享守卫、组件内守卫1.全局守卫1.1全局前置守卫顾名思义，前置守卫主要是在你进行路由跳转之前根据你的状态去进行一系列操作
·2021-12-03 16:37

【vue3.0】22.0 某东到家（ 廿二）——订单商品列表代码拆分和确认订单弹窗

orderConfirmation\TopArea.vue确认订单收货地址西安一二三大学四五六科技园2号楼张三（先生）18012341234import{useRouter}from'vue-router'//路由跳转方法
bobokaka·2021-12-01 23:14

Vue中的路由守卫

作用：对路由进行权限控制分类：全局守卫、独享守卫、组件内守卫1.全局守卫1.1全局前置守卫顾名思义，前置守卫主要是在你进行路由跳转之前根据你的状态去进行一系列操作（全局前置是为在路由初始化以及跳转之前都会触发
学学学无止境·2021-12-01 11:32

vue实现token过期自动跳转到登录页面

先说下一些前置条件，1：我公司的token时效在生产环境设置为一个小时，当token过期，所有接口都直接返回2：每次路由跳转都会对token进行判断，设置了一个全局的beforeEach钩子函数，如果token
·2021-11-28 20:18

vue获取token实现token登录的示例代码

（本次项目用的是vue框架，使用了vuex全局状态管理）4、前端每次路由跳转，就判断localStorage中是否有tok
·2021-11-28 20:48

「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

在App组件中有下面这两行代码，其实就路由跳转的意思。Home|About|我们以前是用a标签，
·2021-11-28 17:58

「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

在App组件中有下面这两行代码，其实就路由跳转的意思。Home|About|我们以前是用a标签，这里只
宁在春·2021-11-28 16:57

vue中路由跳转的方式有哪些你知道吗

目录第一种方式：router-link（声明式路由）第二种方式：router.push(编程式路由)第三种方式：this.$router.push()(函数里面调用)第四种方式：this.$router.replace()(用法同上,push)参考：总结第一种方式：router-link（声明式路由）1.不带参数//name,path都行,建议用name//注意：router-link中链接如果是
·2021-11-16 11:27

toke过期失效 ---提示并跳转到登录页面

token过期自动跳转到登录页面设置token有效期为2小时，超过两小时token失效，接口返回结果：{code:0,msg:'token过期',}每次路由跳转都会对token进行判断，设置一个全局的beforeEach
Siya李书华·2021-11-15 14:52

uni-app+uniCloud开发微信小程序BUG总结（持续更新中...）

2021.11.1bug1(使用less)HbuilderX使用less报错在uni-app官网导入hx也失败解决办法：进入hx安装目录并在控制台执行npminstallbug2（组件跳转）组件内使用路由跳转使用相对路径不能跳转
键.·2021-11-15 11:33

详解react-navigation6.x路由库的基本使用

目录react-native项目初始化安装react-native项目react-navigation路由库安装使用路由库路由跳转与路由传参设置路由标题自定义标题组件标题按钮react-native项目初始化打开
·2021-11-10 14:18

breadCrumb导航栏的展示与删除

BreadcrumbNameMap：菜单名文件；1、新建路由与菜单名称相对应的BreadcrumbNameMap.js文件，在frame.js文件(控制路由跳转即页面显示)中引入；2、在frame.js
·2021-11-09 17:24

vue实现表单验证小功能

本文实例为大家分享了vue实现表单验证的具体代码，供大家参考，具体内容如下1.路由跳转先点开Vue项目中src目录配置router文件然后用import暴露你的表单页名称并在你的Router实例中中注册路由表代码如下
·2021-11-08 16:52

VUE路由跳转记住滚动位置，返回时回到上次滚动位置

本解决方案原理是利用Keep-Alive、监听滚动事件与watch中监听$route实现。使用watch监听$route的方案适用于滚动区域在子组件中的情况。因为，beforeRouteLeave路由导航守卫，只能作用在路由组件内，不能被路由组件内的子组件所触发。vue-router文档截图如下：本样例使用element-ui下的el-table表格组件，原生或其他UI组件思路同理。router.
·2021-11-05 16:29

路由守卫详解

路由全局守卫全局前置守卫在路由跳转之前执行，有三个参数to目的地路由route对象from源路由route对象，注意直接使用路由跳转，容易失去fromnext跳转,默认跳转to的地址，可以自定义跳转地址
爱敲代码的狼仔·2021-10-28 21:08

React组件通信之路由传参(react-router-dom)

现在单页面SPA应用的比较广泛，在不刷新整个页面进行部分页面的跳转，使用路由跳转便
·2021-10-28 16:50

vue转react入门指南

目录设计组件通信生命周期事件处理class和styleclassstyle条件渲染列表渲染组件嵌套获取DOM文档结构路由动态路由&路由传参嵌套路由路由跳转路由守卫(登录验证，特殊路由处理)状态管理使用因为新公司使用
·2021-10-28 16:46

React 路由组件 详解

文章目录路由组件1、HashRouter和BrowserRouter2、Route3、Router4、Link和NavLink5、Redirect6、Switch7、withRouter嵌套路由向路由组件传递参数路由跳转的两种模式编程式路由导航
YuLong~W·2021-10-24 21:39

React学习笔记 -- 组件通信之路由传参（react-router-dom）

现在单页面SPA应用的比较广泛，在不刷新整个页面进行部分页面的跳转，使用路由跳转便在所
前端不释卷leo·2021-10-24 13:30

vue3缓存页面keep-alive及路由统一处理详解

页面某些数据不需要缓存3.动态设置keepAlive属性4.使用include，exclude配置需要缓存的组件5.部分页面过来需要缓存，部分页面过来需要刷新6.缓存只在一级路由生效总结一、前言当使用路由跳转到其他页面的时候
·2021-10-17 10:36

【vue3.0】9.0 某东到家（九）——axios发送登录mock请求、请求函数的封装

fastmock官方网站image.png在向后台请求数据之前需要在终端安装axios插件：>npminstallaxios--save修改src\views\login\Login.vue://路由跳转方法
bobokaka·2021-10-15 20:05

react多个路由共用同一个组件模块，切换路由跳转页面不刷新问题

问题背景工作项目中两个页面模块基本业务流程和交互都差不多，因此决定用共用同一套组件，通过设置不同的路由，跳转到同一个模块，在模块内部通过路由的参数作区分，现在面临两个问题：1）不同路由跳转后，组件只会重新渲染
acodeer·2021-10-13 10:17

uniapp 常用语句总结(随时更新)

目录1、对话框(uni.showModal)2、发送请求(uni.request)3、路由跳转3-1标签跳转3-2js4、本地存储5、图片5-1mode属性5-2图片放大(uni.previewImage
本堃不方·2021-10-11 18:22

react 路由

主要分为history和hash路由两种react路由：路由跳转页面不会刷新，a标签会跳转刷新history（在ie浏览器存在兼容性问题）路由跳转：pushstate、replacestate浏览器回退
·2021-10-10 10:48

ARouter 在多 module 项目中实战

目录必要说明路由应用场景工程Module配置新建工程添加依赖关系工程ARouter配置第一步：`baseLib`模块配置第二步：其他模块配置测试ARouter跳转模块内使用路由跳转模块间相互跳转跳转原理本文总结必要说明本文仅作案例演示
code小生·2021-10-08 09:34

工作问题总结二：H5开发，安卓返回键问题

1、路由跳转页面改写在组件中，有需要跳转页面，并且不让用户返回的情况，例如：支付、登录、注销等。请做一下修改：1、this.$router.push()全部改写为this.
·2021-10-03 23:03

Vue.js 路由

路由1.vue-router基本使用安装使用说明路由的默认路径修改为history模式router-link补充tagreplacelinkActiveClass代码路由跳转动态路由路由懒加载懒加载效果懒加载方式
wang曌·2021-09-25 20:00

VUE路由跳转页面传参的方式

VUE路由跳转页面传参的方式：方式一：声明式导航（router-link）1、不带参数(注意：链接中如果是“/”开始就是从根路由开始，否则就是从当前路由开始)2、带参数//路由配置path："/home
Arbin·2021-09-23 11:08

React

react的相关知识点~目录：持续更新中...1.在config文件内配置title无效问题;2.favicon页面头部小图标配置无效;3.className样式选中高亮，或者多个className存在;4.路由跳转和参数接受
誰在花里胡哨·2021-09-06 11:23

浅谈Axios去除重复请求方案

2.路由跳转后，上一个页面未完成请求全部清理。
·2021-08-31 10:00
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他