使用了vantUI框架的（Tabbar标签页）组件，开发了个页脚固定导航：

我的操作说明：

登录页 /login
登录成功后，进入首页 /
然后选择首页页脚导航，个人中心 /personal

发现在点击个人中心返回按钮的时候，直接返回到了登录页，为什么呢？

原因分析 · （源码分析）：

经过项目对应文件的源代码查看（导航组件【代码如下】）和 vantUI组件的官方解说，原来是因为使用了 关键词：replace （是否在跳转时替换当前页面历史），导致页面的历史路由记录被替换了。所以浏览器点击返回的时候，直接回到了登录页。

vantUI应用（Tabbar标签页）返回上一页的失效问题相关推荐

点击a标签，返回上一页
<a href="javascript:history.back(-1)">点击返回</a> 只需要这一句话就够! But此种方法的弊端是,返回的上一页面只 ...
html里怎样返回首页,返回上一页-html页面返回上一页面怎么写
提供3种方法: 1.超链接返回上一页. 返回上一页 2.按钮返回上一页. 3.图片链接返回上一页. [color=#]几秒钟后[/color]自动返回上一页代码:(加入两个head间,表示3秒) fu ...
js多种方法：返回上一页
js多种方法:返回上一页返回上一页: // 1. 第一种 window.history.go(-1); // 2. 第二种 window.history.back(); // 3. 第三种(语法不合 ...
flutter 定时器、返回上一页、设置最大最小宽度
flutter定时器: //首先在顶部引入 import 'dart:async';//在class类中写的代码// 定义一个Timer变量 Timer _timer;//用一个函数包裹一下 setT ...
uniapp navigateBack返回上一页刷新数据
当详情页数据更新后,返回上一页需要刷新列表这个时候可以用 // 详情页返回上一页 uni.navigateBack({success: () => {uni.$emit('updateEqu ...
微信小程序返回上一页的各种方法
微信小程序返回上一页的各种方法 1. navigator 这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是该方法不能跳转tabbar页面,保留当前页面,在wxml使用 <na ...
vue 实现返回上一页不请求数据keep-alive
常规操作: 我们通常会将通过接口请求数据的方法放在==created== 或者 ==mounted==这两个生命周期中的一个里面调用. 但是我们知道,不管是我们刚进入这个页面还是从其他页面返回这个页面 ...
Mint-UI框架router-link返回上一页的方法 - 踩坑篇
使用mint-ui框架的header导航组件,<router-link to="">如何实现点击返回上一页? 代码如下: <template><!-- ...
JavaScript返回上一页后并刷新页面
一.返回上一页并刷新页面: window.location.replace(document.referrer); document.referrer:可以引用到上一个页面,这个属性是由浏览器支持的. ...
微信小程序返回上一页各种方法
返回上一页,一共有4中方法,每种方法都有不一样细节一.方法罗列函数说明 navigator 保留当前页面,在wxml使用 wx.navigateTo 保留当前页面,在js使用 wx.redire ...

vantUI应用（Tabbar标签页）返回上一页的失效问题

使用了vantUI框架的（Tabbar标签页）组件，开发了个页脚固定导航：

我的操作说明：

原因分析 · （源码分析）：

vantUI应用（Tabbar标签页）返回上一页的失效问题相关推荐

最新文章

热门文章