微信小程序常用页面监听跳转方法

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

微信小程序常用页面跳转监听方法

  1. 使用wx.navigateTo(Object object)方法跳转,此跳转方法会保留当前页面,将跳转到应用内的某个页面,特别注意,此方法不能跳到 tabbar 页面,也就是咱们常用的底部菜单栏对应的tabbar 页面。具体示例代码:
wx.navigateTo({
   url: 'url?id=0&name=参数信息',
})

这只是常见的用法,如果需要数据回调,可参考微信官方文档。
2. 使用wx.navigateBack(Object object)方法,此方法将关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。具体代码示例:

wx.navigateBack({
  delta: 2
})

其中delta为返回的页面数,如果 delta 大于现有页面数,则返回到首页。这只是常见的用法,如果需要数据回调,可参考微信官方文档。
3. 使用wx.redirectTo(Object object)方法,关闭当前页面,跳转到应用内的某个页面,与wx.navigateTo(Object object)方法一样,不允许跳转到 tabbar 页面。具体代码示例:

wx.redirectTo({
  url: 'test?id=0&name=参数信息'
})

这只是常见的用法,如果需要数据回调,可参考微信官方文档。
4. 使用wx.reLaunch(Object object)方法,关闭所有页面,打开到应用内的某个页面,具体代码示例:

wx.reLaunch({
  url: 'test?id=0&name=参数信息'
})

这只是常见的用法,如果需要数据回调,可参考微信官方文档。
5. 使用wx.switchTab(Object object)方法,跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,具体代码示例:

wx.switchTab({
  url: '需要跳转的页面路径'
})

更多更详细的使用说明,可前往微信官方文档,进行学习查阅:
微信官方文档文章来源地址https://www.toymoban.com/news/detail-638090.html

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

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

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

相关文章

  • 微信小程序webview内嵌H5跳转页面后没有返回按钮完美解决方案

    简单的讲就是我们可以在小程序内放置一个web-view组件来链接我们的HTML页面了。 但是点击跳转页面的时候。页面左上角没有!!返回按钮!!导致回不去了,这不是搞笑的吗。 看了下其他的小程序,发现如果是两个小程序页面跳转的话,第二个页面的左上角是会有返回按钮

    2024年02月08日
    浏览(64)
  • 微信小程序页面跳转方法

    微信小程序页面跳转的各种方法总结,备查。 保留当前页面,跳转到应用内的某个页面。可以通过调用 wx.navigateBack 返回到原页面。跳转后左上角出现返回小箭头,点击后可返回原本页面。示例代码: 使用场景 适用于需要跳转到新页面并保留原页面状态的情况,比如从列表

    2024年02月04日
    浏览(44)
  • 微信小程序页面跳转(三种方法)

    这里是指函数接收一个字典,其中 url 对应的值是一个 String 就是我们要跳转的页面地址。 同时在对应页面也需要编写相应的 js 方法接受参数。也就是监听页面加载的生命周期函数 -- onload: function (options) ,页面跳转过来之后自动执行该方法。参数 options 就是我们传递的参数

    2024年02月11日
    浏览(57)
  • 微信小程序跳转页面的不同方法

    微信小程序如何进行页面切换呢? 1.对于tabbar页面的跳转 (若不明白tabbar可自行百度) 使用 switchTab 进行跳转 在wxml中输入 navigator url=\\\"/pages/message/message\\\" open-type=\\\"switchTab\\\"非tabbar页面的跳转/navigator 其中/pages/message/message是跳转的地址,跳转方式是switchTab 2.对于非tabbar页面的跳转

    2024年02月15日
    浏览(38)
  • 【微信小程序系列:二】小程序常用功能:跳转地图、扫一扫、人脸识别、拍照、拨打电话、调整屏幕亮度、文字可复制、监听截屏...

    (~ ̄▽ ̄)~,hello,微信小程序系列第二篇,介绍下小程序里的 前端常用功能api ,可以快速copy使用~ 小程序页面里的文字默认是没有长按复制功能的,需要套个标签来实现:跳转官方文档 点击按钮,直接复制文本,直接调用微信方法: 有时显示一些地址需要在地图显示,

    2023年04月09日
    浏览(74)
  • uniapp微信小程序中跳转页面的方法

    在 UniApp 中,有多种方法可以实现页面跳转,以下是其中几种常用的方法及其区别: uni.navigateTo : 使用该方法进行页面跳转时,会关闭当前页面,跳转到指定的页面。 可以在目标页面中获取传递的数据,通过  data-url  或  data-object  传递。 通常用于跳转到新页面并关闭当前

    2024年02月03日
    浏览(48)
  • 微信小程序常用路由跳转方法

            navigator 标签         属性:                 url:要跳转的路径(可以使用相对路径,也可以使用绝对路径)                 open-type:跳转方式。默认值为 navigat ,不能跳转至tabBar页面。                                     当值为  swi

    2024年02月09日
    浏览(43)
  • 微信小程序学习之五种页面跳转方法.

    这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是 该方法不能跳转tabbar页面. 格式为: 通过构造js函数,在函数中调用该接口可实现页面跳转的效果.但该接口同样不能跳转tabbar页面.跳转后左上角有返回小箭头,点击可返回原本页面. 格式为:  关闭当前页面,跳转到

    2024年02月09日
    浏览(46)
  • 微信小程序 - 实时监听路由发生变化,当页面跳转发生变化时执行一段代码或函数,可获取目标页面的路径 URL 、路由参数、跳转方式、该页面的配置等(支持 “全局“ 和 “局部“ 两种写法)

    有时候,我们需要实时监听页面的跳转,并且拿到路由地址及参数。 实现了 在微信小程序开发中,每次切换页面时都触发一个函数,当路由发生变化后执行一段代码, 简单来说,相当于一个 “路由监听器”,当页面跳转时立即触发,然后拿到路由的 URL 和携带的参数,进行

    2024年02月12日
    浏览(95)
  • 微信小程序返回上级页面传参的几种方法

    在做微信小程序跳转页面,经常会遇到二级页面要返回上级页面,并且需要携带参数,wx.navigateTo()跳转大家都知道直接在url上面拼接参数,之后再二级页面onLoad(options)里获取,但是返回页面wx.navigateBack()不可以那样做,所以就可以用以下几种方式来做,具体看个人业务适合用

    2024年02月08日
    浏览(76)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包