vantUI(Tabbar标签页)浏览器返回上一页的失效问题

这篇具有很好参考价值的文章主要介绍了vantUI(Tabbar标签页)浏览器返回上一页的失效问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在开发中遇到这样一个问题,由页面1切换到页面2,再点击浏览器的回退,无法回退到页面1。

开始以为是路由配置的有问题,但是子页面可以正常回退,因为replace只是替换路由,而不会往history栈中记录路由,所以当切换到页面2的时候,历史的路由里已经没有页面1了,所以无法回去。

原代码如下:

<van-tabbar route>
  <van-tabbar-item replace  to="/it" icon="todo-list-o">页面1</van-tabbar-item>
  <van-tabbar-item replace  to="/al" icon="bulb-o">页面2</van-tabbar-item>
</van-tabbar>

修改成如下代码即可正常回退。

<van-tabbar route>
  <van-tabbar-item  to="/it" icon="todo-list-o">页面1</van-tabbar-item>
  <van-tabbar-item  to="/al" icon="bulb-o">页面2</van-tabbar-item>
</van-tabbar>

补充知识:

 this.$router.to, this.$router.replace

  • router.push  方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,会回到之前的 URL。
  • router.replace  在导航时不会向 history 添加新记录,而是取代了当前的条目

希望可以帮到你~文章来源地址https://www.toymoban.com/news/detail-735165.html

到了这里,关于vantUI(Tabbar标签页)浏览器返回上一页的失效问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML标签根据浏览器窗口大小自适应

    1.使用calc实现自适应 (需要父盒子宽高固定) 2.使用flex布局,两栏布局,三栏布局 文章就到这里啦,本人功力尚浅,若有不妥之处请谅解指正,谢谢!

    2024年02月11日
    浏览(50)
  • 一个极好用的浏览器标签页插件

    这是我登录后,并且上传了个人壁纸的页面 这里可以注册一个属于自己的账号,会保存自己的个性化配置 也可以使用注册的账号登录 a.在这个界面我们可以使用百度搜索,还默认给了我们一些小组件和app b.鼠标在主体中间,可以滚动切换页面哦,也可以点击左侧页面图标

    2024年02月06日
    浏览(46)
  • 苹果safari浏览器播放不了video标签视频

    今天遇到了个神奇的问题,视频文件在pc端和安卓手机上播放都没问题,但是在ios上就是播放不了,大概代码如下: 前端代码: 后端代码: PC端没任何问题: IOS端播放不了: 在网上搜索了很多办法,有加前端参数配置的: 有改后端多次发送请求,分段获取数据流的: 经过

    2024年02月16日
    浏览(81)
  • uniapp 之 uniapp 微信小程序项目,返回上一页,并刷新上一页的数据

    uniapp 微信小程序项目,在某个页面执行某个方法后返回上一页,并刷新上一页的数据 在用户列表页面点击新增按钮,跳转至新增用户页面,新增成功后返回用户列表页面,并在页面中刷新当前数据,要显示刚刚添加成功的那条数据 首先尝试直接用 uni.navigateTo 跳转回去,但是业务需求

    2024年02月11日
    浏览(89)
  • selenium基本使用、无头浏览器(chrome、FireFox)、搜索标签

    这个模块:既能发请求,又能解析,还能执行js selenium最初是一个自动化测试工具,而爬虫中使用它主要是为了解决requests无法直接执行 JavaScript代码的问题 selenium 会做web方向的自动化测试 appnium 会做 app方向的自动化测试 selenium 可以操作浏览器,模拟人的 行为 下载浏览器驱动

    2024年02月04日
    浏览(63)
  • JS监听浏览器关闭、刷新及切换标签页触发事件

    蛮简单的东西,知道就会,不知道就不会,没什么逻辑可言。简单记录一下,只为加深点儿印象。 visibilitychange visibilitychange可以监听到浏览器的切换标签页。  直接上代码:  beforeunload  beforeunload可以监听到页面的关闭,页签切换不会触发 关闭浏览器窗口的时候触发 通过点

    2024年02月08日
    浏览(52)
  • 记录--浏览器跨标签星球火了,简单探究一下实现原理

    最近 推特上 一位懂设计和写代码的大神一个两个浏览器之间 星球粒子交互的动画火了, 让人看了大呼脑洞大开, 浏览器竟然还能这么玩!!! 准备自己也搞搞玩一下 原作者的粒子动画非常炫酷, 但是不是我们本文重点, 我们通过一个元素在不同窗口的拖拽实现一个可以

    2024年02月05日
    浏览(68)
  • 前端:html实现页面切换、顶部标签栏,类似于浏览器的顶部标签栏(完整版)

    效果 代码 解决BUG:关闭单页时,单页数据未清空,导致再次打开单页时出现内容仍然存在的问题

    2024年02月11日
    浏览(52)
  • 谷歌chrome浏览器无法自动播放video标签视频的问题

    问题根源详见: Chrome中的自动播放政策  https://developer.chrome.com/blog/autoplay/  The Autoplay Policy launched in Chrome 66 for audio and video elements and is effectively blocking roughly half of unwanted media autoplays in Chrome. For the Web Audio API, the autoplay policy launched in Chrome 71. This affects web games, some WebRTC appli

    2024年02月11日
    浏览(91)
  • 如何处理html5新标签的浏览器兼容问题?

    处理HTML5新标签的浏览器兼容问题,特别是针对较旧的浏览器,可以采用以下几种方法: 使用JavaScript创建元素 : 对于不支持HTML5新标签的浏览器,可以使用JavaScript(特别是Document Object Model,DOM)来创建这些元素。例如,可以使用 document.createElement(\\\'article\\\') 来在DOM中创建 art

    2024年01月21日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包