微信小程序中的两种页面跳转方式

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

方式一(声明式导航):

利用<navigator></navigator>

url:要跳转页面的地址

open-type:要打开的页面的类型

(不在底部导航中添加的为非导航页面,在的为导航页面)

微信小程序中的两种页面跳转方式,微信小程序,小程序

 非导航页面跳转过去后左上角会出现返回箭头,导航页面则没有

微信小程序中的两种页面跳转方式,微信小程序,小程序

index页面

 微信小程序中的两种页面跳转方式,微信小程序,小程序

home页面

 方式二(编程式导航):

通过触摸事件bind:tap实现

微信小程序中的两种页面跳转方式,微信小程序,小程序

 如果需要携带参数可在url地址后进行拼接

例如: goMyWithMess方法跳转到my页面并且携带 id 和 name 属性

注意:导航页的传参要用wx.reLaunch而不是wx.switchTab

 微信小程序中的两种页面跳转方式,微信小程序,小程序

 my页面的onLoad函数中接受到传递来的参数

 微信小程序中的两种页面跳转方式,微信小程序,小程序文章来源地址https://www.toymoban.com/news/detail-803383.html

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

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

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

相关文章

  • 微信小程序播放音乐的方法中的两种方法

    微信小程序播放音乐的方法有很多种,这里总结一下其中两种的优缺点,主要是最近用到了 这个是最简单的 其他的就不多说了,说一下现在微信文档里没有的action属性 action属性可以选择组件对应的动作,比如播放或暂停,具体如下 或者 不过这样的话要考虑渲染延时问题,

    2024年02月06日
    浏览(54)
  • 微信小程序页面跳转方式+跳转小程序

    官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 跳转到其他页面(非tabBar页) 返回上一页面或返回多级页面 首先需要在当前小程序app.json中定义:需要跳转的小程序的app-id app.josn文件: 第一种方法:wx.

    2024年02月12日
    浏览(83)
  • 微信小程序页面跳转三种方式

    为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽量避免多层级的交互方式。 页面跳转的话就涉及到了多个页面层级 第一种:wx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。 OBJECT参数说明:

    2023年04月08日
    浏览(64)
  • 微信小程序入门及开发准备,申请测试号以及小程序开发的两种方式,目录结构说明

    目录 1. 介绍 1.1 优点 1.2 开发方式 2. 开发准备 2.1 申请 2.2 申请测试号 2.2 小程序开发的两种方式 2.3 开发工具 3. 开发一个demo 3.1 创建项目 3.2 配置 3.3 常用框架 3.3 目录结构说明 3.4 新建组件 是一种不需要下载安装即可使用的应用,是一种 触手可及 的应用 可以借助微信的流量

    2024年02月05日
    浏览(48)
  • 微信小程序页面跳转三种方式(带有中文的参数)

    1.wx.navigateTo  传参示例代码(无中文):   1.wx.navigateTo  传参示例代码(有中文):  传:  接:  2. wx.redirectTo  传参示例代码:  3. wx.reLaunch  传参示例代码: 在这些示例代码中,url 参数指定了需要打开的页面路径,同时在路径后面通过 ? 带上需要传递的参数。在被导航到

    2024年02月13日
    浏览(77)
  • 【微信小程序】通过使用 wx.navigateTo方法进行页面跳转,跳转后的页面中通过一些方式回传值给原页面

    以下是几种常见的回传值的方式: 使用 wx.navigateTo 方法传递参数: 在跳转时,可以在目标页面的 URL 中携带参数,然后在目标页面的 onLoad 方法中获取参数,并在目标页面中进行处理。例如: 在目标页面的 onLoad 方法中获取参数: 使用 wx.navigateBack 方法回传值: 在目标页面中

    2024年02月13日
    浏览(61)
  • 微信小程序中的页面跳转(通过点击按钮、调用方法的形式)

    页面跳转用的多吧、tabBar的空间有限。通过路由的方式跳转时Vue中常用的方式、小程序采用类似的做法。 – 这里通过给按钮绑定点击事件、调用方法、方法中实现页面跳转。(其它方式暂不考虑) 小程序之页面跳转 注意: this.pageRouter.navigateTo 代替 wx.navigateTo 是更优的 log

    2024年02月11日
    浏览(60)
  • 微信小程序阻止小程序返回的两种方法

    本次项目为uniapp开发,原生小程序也可以参考这两个方法。 wx.enableAlertBeforeUnload onLoad中声明 优点:简单方便 缺点:无法自定义样式、按钮文字及样式 page-container 这是一个类似弹框的组件,具体参数可以去官网查看。 返回操作包括:顶部导航、右滑手势、安卓物理返回键和

    2024年02月16日
    浏览(54)
  • 微信小程序 基础模板引入sass的两种方法

    推荐使用第二种方法 1.vscode搜索扩展 Easy Sass 安装 2.微信开发者工具导入vscode安装的所有扩展 3.修改sass扩展配置 打开扩展目录 找到刚导入的sass扩展 打开package.json文件 改成这样 保存 4.重新打开此项目 配置完事 5.使用 在需要使用sass的page下创建.scss文件,.wxss文件不要删掉 在

    2024年02月11日
    浏览(51)
  • 微信小程序:跳转页面

    实际调用需要根据自己业务实际情况决定,虽然各种方式一定程度上能减少内存损耗,但是业务上面流转优化才是最终要满足的,一定要从业务流转去优化去考虑,不要为了性能增加了流转复杂度 1、wx.navigateTo 保留当前页面,跳转到应用内的某个页面。可以通过调用  wx.na

    2024年02月03日
    浏览(67)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包