Uniapp如何获取上一次的路由？并且跳转到上一次路由地页面并强制刷新？

不会八股文

于 2024-02-26 12:02:55 发布

阅读量740

点赞数 1

文章标签： uni-app 前端 javascript uniapp

本文链接：https://blog.csdn.net/m0_63553261/article/details/136295984

版权

1.获取历史路由:结果为多个路由集合的数组

getCurrentPages();

2.一般数组的最后一个为最后一个页面，所以你只需要取数组元素的前一个就是上一次路由过来的页面

getCurrentPages()[getCurrentPages().length-2].route;

3.跳转后强制刷新页面

uni.reLaunch({
	url:backUrl
})

4.项目中的完整写法（加'/'为了防止路径开头少'/'导致路由路径不正确）

let backUrl = "/"+ getCurrentPages()[getCurrentPages().length-2].route;//获取上一次跳转过来的路由
uni.reLaunch({
    url:backUrl
})

优惠劵

不会八股文

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Uniapp如何获取上一次的路由？并且跳转到上一次路由地页面并强制刷新？

历史路由
复制链接

扫一扫

路由技术解决页面跳转问题

01-19

引言　　页面跳转路由技术，算来并不是一个很新的技术，但却是一项有用的技术。在网站有很多需要跳转的页面，而我们又需要动态地在主页面中加载子页面时，就会用到这门技术。以我们公司现在这个项目为例，前台是由FLEX实现，整个系统可能只有几个application组成，所有的功能点均由module实现，而Module本身无法实现各module之间的跳转，只能通过application实现对各个module的动态加载来达到跳转的功能。但实际情况中，一个项目中可能有上千个module,公司的每个人都有可能分到几十个甚至几百个module的任务。所有的module每次跳转都要通过触发一个不同的函数来实现的话

uni-app 获取当前页面路由及上级页面路由

m0_65284931的博客

04-07

1833

【代码】uni-app 获取当前页面路由及上级页面路由。

1 条评论您还未登录，请先登录后发表或查看评论

uniapp 路由与页面跳转

Little___Turtle的博客

08-09

2967

uniapp 路由与页面跳转常用演示通俗易懂

uniapp获取当前页（路由）/历史页（路由）

菜菜鸟的博客

12-28

9028

let pages = getCurrentPages() // 获取栈实例 let page = pages[pages.length - 1] // 获取当前页面的数据，包含页面路由 let prevPage = pages[pages.length - 2] // 获取上个页面的数据，包含页面路由

uni-app如何获取当前页面路由（整个页面对象）？如何获取前一个甚至已经打开的页面路由？

热门推荐

山野里的小菊花

03-13

2万+

方法一：用官方方法getcurrentpages先获取所有数组，然后取最后一个数组，再去获取路由，当然还有其他的属性可以使用，可自行打印查看 let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 let curRoute = routes[routes.length - 1].route // 获取当前页面路由，也就是最后一个打开的页面路由 ...

vue 、uniapp 获取页面路由（上一个页面）

weixin_52630329的博客

01-20

5093

正常vue获取路由是有问题的： let pages = getCurrentPages(); // 当前页面路由 let beforePage = pages[pages.length - 2]; // 上一个页面路由 let curRoute = pages[pages.length - 1].route; //获取当前页面路由获取上个页面路由是undif.....，这个时候问题就来了，百度搜索都是这种写法，但是不中啊！高人指路后，使用插件解决uni-simple.

uniapp+vue，获取当前页面从上个页面跳转过来的路径

ZHT0529的博客

04-17

1728

uniapp+vue，获取当前页面从上个页面跳转过来的路径

uniapp路由跳转传递与接收参数

前端卷王小白的博客

04-20

1万+

uniapp,vue,路由跳转,传递与接收参数

uniapp 返回并刷新上一个页面

lfeishumomol的博客

06-26

5329

【代码】uniapp 返回并刷新上一个页面。

vue在App.vue文件中监听路由变化刷新页面操作

10-14

主要介绍了vue在App.vue文件中监听路由变化刷新页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue相同路由跳转强制刷新该路由组件操作

10-14

主要介绍了vue相同路由跳转强制刷新该路由组件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

使用vue-router切换页面时，获取上一页url以及当前页面url的方法

10-17

主要介绍了使用vue-router切换页面时，获取上一页url以及当前页面url的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

react非路由跳转组件获取上下文

01-08

react非路由跳转组件获取上下文react非路由跳转组件获取上下文解决方案1.通过路由跳转2.通过属性传递3.通过withRouter包装 react非路由跳转组件获取上下文解决方案在react组件中，不是所有组件会通过路由跳转，也...

小程序,uniapp获取从哪跳转过来的页面地址

weixin_43545329的博客

04-20

2万+

var pages = getCurrentPages(); // 当前页面 var beforePage = pages[pages.length - 2]; // 前一个页面 // console.log("beforePage"); // console.log(beforePage); wx.navigateBack({ success: function() { ...

uni-app 跳转路由 api 及常用参数

ooooooooooos的博客

07-30

151

uni-app 跳转路由 api uni.navigateTo()、uni.redirectTo()、uni.reLaunch()、uni.switchTab()、uni.navigateBack() 及常用参数

uni-app路由

最新发布

上庸者-不服周

11-02

2827

uni-app。

uni-app获取上层路由的方法

daisy

06-21

3385

var pages = getCurrentPages();//获取页面 var beforePage = pages[pages.length - 2];//上个页面调上个页面方法 // #ifdef H5 beforePage.submitAct() // #endif 但是，在uni-app中是适配多端的，beforePage.submitAct()只在h5中有效，在app端和微信小程序端都会报错 not a function 在h5和app中实现当前页调上个页面方法 // #ifndef H5

两次跳转同一个路由组件页面不刷新

05-26

在 React Router 中，当你跳转到同一个路由时，默认情况下并不会触发组件的重新渲染。这是因为 React Router 对于同一个路由的切换只会改变 URL，而不会重新加载组件。如果你想要在同一个路由下刷新组件，可以考虑以下两种方法： 1. 使用 `forceUpdate` 方法强制刷新组件你可以在组件中使用 `forceUpdate` 方法来强制刷新组件。这个方法会触发组件的 `render` 方法重新渲染，但并不会重新调用 `componentDidMount` 等生命周期方法。具体代码如下： ```jsx class MyComponent extends React.Component { handleClick = () => { this.forceUpdate(); } render() { return ( <div> <button onClick={this.handleClick}>刷新</button> <p>组件内容</p> </div> ); } } ``` 2. 使用 `key` 属性改变组件的标识另一种方法是在同一个路由下改变组件的标识，从而触发组件的重新渲染。你可以在 `Route` 组件上使用 `key` 属性来改变组件的标识。具体代码如下： ```jsx class MyComponent extends React.Component { handleClick = () => { this.props.history.push('/path/to/same/component', { key: Date.now() }); } render() { return ( <div> <button onClick={this.handleClick}>刷新</button> <p>组件内容</p> </div> ); } } <Route path="/path/to/same/component" render={(props) => <MyComponent key={props.location.state.key} {...props} />} /> ``` 在点击按钮时，我们通过 `history.push` 方法改变了路由，并传入一个随机的 `key` 值。在 `Route` 组件上，我们使用 `render` 属性来渲染组件，并根据 `props.location.state.key` 的值来改变组件的标识。这样，每次路由改变时，组件的标识都会发生变化，从而触发组件的重新渲染。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交