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

方式一(声明式导航):

利用<navigator></navigator>

url:要跳转页面的地址

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

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

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

index页面

 

home页面

 方式二(编程式导航):

通过触摸事件bind:tap实现

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

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

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

 

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

 

相关推荐

  1. 程序页面

    2024-01-18 12:30:01       41 阅读
  2. 程序页面方法

    2024-01-18 12:30:01       36 阅读
  3. 程序路由方式

    2024-01-18 12:30:01       20 阅读
  4. 程序5打开页面方式

    2024-01-18 12:30:01       38 阅读
  5. 程序页面

    2024-01-18 12:30:01       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-18 12:30:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-18 12:30:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-18 12:30:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-18 12:30:01       18 阅读

热门阅读

  1. 【Unity】ComputeShader丢失处理数据的bug

    2024-01-18 12:30:01       36 阅读
  2. 【CEGE0052】Spatial Databases and Data Management

    2024-01-18 12:30:01       29 阅读
  3. ARM 1.17

    ARM 1.17

    2024-01-18 12:30:01      32 阅读
  4. 2023 SCD目录

    2024-01-18 12:30:01       20 阅读
  5. Linux内核--网络协议栈(三)sk_buff介绍

    2024-01-18 12:30:01       31 阅读
  6. Spring Boot常用注解

    2024-01-18 12:30:01       38 阅读
  7. css 边框渐变

    2024-01-18 12:30:01       32 阅读
  8. C# 使用多线程,关闭窗体时,退出所有线程

    2024-01-18 12:30:01       33 阅读
  9. 鸿蒙系列--数据管理

    2024-01-18 12:30:01       29 阅读
  10. 前端注释规范

    2024-01-18 12:30:01       37 阅读
  11. 组件中写选项的顺序(vue的问题)

    2024-01-18 12:30:01       26 阅读