小程序页面跳转使用reLaunch遇到的坑

这篇具有很好参考价值的文章主要介绍了小程序页面跳转使用reLaunch遇到的坑。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

开发的当前功能总共有4个页面1.2.3.4其中1为首页2为列表页3为详情页4为退货详情页

跳转顺序需要4-->2

实现方式:1.redirectTo 【关闭当前页面跳转到目的页面,会造成多个列表页的关闭情况】

 wx.redirectTo({

       url: '/packagePos/pages/pos/delivery/deliveryOrder/deliveryOrder',

     });

实现方式:2 navigateTo【保留当前页面,跳转到目的页】

 wx.navigateTo({

       url: '/packagePos/pages/pos/delivery/deliveryOrder/deliveryOrder',

     });

实现方式:3 reLaunch【关闭所有页面然后跳转到目的页面,但是由于关闭了所有的页面单独打开列表页这个时候列表页左上角是没有返回标识的,因为不知道上级页面是哪个,所以会出现小房子标识,点击小房子的时候会跳转到home首页】

小程序页面跳转使用reLaunch遇到的坑

以上的方式都不是自己想要的效果

实现方式:4使用navigateBack【用于关闭当前页面,并返回上一页面或多级页面。开发者可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。这个 API 需要填写的参数只有 delta,表示要返回的页面数。若 delta 的取值大于现有可返回页面数时,则返回到用户进入小程序的第一个页面。当不填写 delta 的值时,就默认其为 1(注意,默认并非取 0),即返回上一页面。

wx.navigateBack({

      delta:1

    })

所以要根据自己的情况选择正确的方式

 文章来源地址https://www.toymoban.com/news/detail-482696.html

到了这里,关于小程序页面跳转使用reLaunch遇到的坑的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp开发小程序遇到的坑

    这是一篇随手笔记。。 坑1.HbuilderX最新版现在还有一些问题,编译的时候很可能出现各种各样的报错 例如:error: NavigationTrace Failed to mount component: template or render function not defined等等 建议先不用最新版,已经更新到最新版的小伙伴,不用慌,可以在工具栏-帮助-切换到上一个

    2024年02月09日
    浏览(38)
  • [uniapp] 跨页面传值 uni.$emit 和 uni.$on 的使用方法 以及遇到的坑

    uni.$emit 和 uni.$on 是uniapp自带的跨页面传值    vue 父子通讯可以用 props  this.$emit   这种简单的父子通讯紧适用于 页面和组件 或者 组件之间的传值,他并不适用于页面和页面的互相传值 那要实现页面通讯呢,我们一起来看看uni.$emit 和 uni.$on的使用方法 示例:         A页面

    2024年02月02日
    浏览(31)
  • uniapp使用中遇到的问题一:小程序端把当前页面另存为图片

    遇到了一个这样的需求:客户觉得页面效果好看,想保存为图片。但是呢,截图会带上手机自身的状态栏,所以开始整活! 在网上看了很多方法,总结下来一下四种: 方法一:用canvas来把页面画出来,再用uni.canvasToTempFilePath,把canvas区域保存为图片。 总结:如果你页面简单

    2024年04月15日
    浏览(28)
  • 微信小程序 跳转页面经常会遇到判断是否登录情况。基于此需求,做了一个路由跳转拦截的jump组件

    组件代码非常简单 在根目录创建components目录 在components目录新建jump目录 在jump目录新建四个文件 index.js index.json index.wxml index.wxss 这个样式文件内容空就行

    2024年02月09日
    浏览(46)
  • uni-app跨端开发H5、微信小程序、支付宝小程序遇到的坑

    1.checkbox样式

    2024年02月11日
    浏览(43)
  • 020:vue刷新跳转当前页面

    第020个 查看专栏目录: VUE ------ element UI 在vue和element UI联合技术栈的操控下,本专栏提供行之有效的源代码示例和信息点介绍,做到灵活运用。 (1)提供vue2的一些基本操作:安装、引用,模板使用,computed,watch,生命周期(beforeCreate,created,beforeMount,mounted, beforeUpdate,upda

    2024年02月09日
    浏览(30)
  • 小程序嵌套h5页面,使用navigator.mediaDevices.getUserMedia的坑点

    基本上在使用这个方法的时候,网上都是全部做好兼容性考虑的,直接复制即可,但是如果微信小程序嵌套了页面就会出现问题; 当苹果手机用户使用时,如果ios版本低于14.3的时候就会提示报错:undefned is not an object (evaluating navigator.mediaDevices.getUserMedia\\\') 这个时由于iOS webk

    2024年02月03日
    浏览(26)
  • 关于uniapp开发支付宝小程序出现的访问当前页面不存在的情况

    目前使用uniapp开发经常出现的一个问题,点击跳转页面,显示该页面不存在的情况 一开始是因为打包文件过大,导致的编译太慢,也会出现这个问题 我是直接把node_modules里面的那个文件删掉了,先开发再说 后面又出现了这个问题大概就是语法错误的时候也会出现 再一个就是

    2024年02月15日
    浏览(36)
  • uni-app开发微信小程序使用vant组件tab栏遇到的坑van-tabs

    背景: 使用uni-app开发微信小程序项目,使用的是Vant Weapp实现Tab标签页。 要实现跳转过来,显示默认的当前tab。 在app.json或index.json中引入组件 通过active设定当前激活标签对应的索引值,默认情况下启用第一个标签。 data中的属性 页面接受参数,默认显示对应的tab 问题 到此

    2024年02月10日
    浏览(34)
  • 微信小程序开发系列(十一)·小程序页面的跳转设置以及参数传递

    目录 1.  跳转到商品列表 1.1  url: 当前小程序内的跳转链接 1.2  navigate:保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面 1.3  redirect: 关闭当前页面,跳转到应用内的某个页面。但不能跳转到 tabbar 页面 1.4  navigate和redirect的区别 1.5  switchTab:跳转到 t

    2024年04月12日
    浏览(37)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包