微信小程序-路由和页面跳转API

一.wx.navigateTo

wx.navigateTo是通过编程实现页面跳转,和navigator组件组件中,open-type="navigate"属性类似,是保留当前页面跳转新的页面,不适用tabbar页面。

复制代码
   //保留当前页面,跳转到非tabbar页面
    wx.navigateTo({
      url: '/pages/list/list?id=1',
    })

类似组件

复制代码
  <navigator url="/pages/list/list" open-type="navigate">
 
  </navigator>

二.wx.redirectTo

wx.redirectTo和和navigator组件组件中,open-type="redirect"属性类似,

销毁当前页面跳转新的页面,不适用tabbar页面。

复制代码
    wx.redirectTo({
      url: '/pages/list/list?id=1',
    })

三.wx.switchTab

只能跳转到tabbar页面,不能传递参数,类似于navigator组件组件中,open-type="switch Tab"

复制代码
    wx.switchTab({
      // url: '/pages/list/list',
      url:'/pages/cat/cat'
    })

四.wx.reLaunch

关闭当前页面,跳转到任意页面,类似于navigator组件组件中,open-type="reLaunch"

复制代码
    wx.reLaunch({
      url: '/pages/list/list?id=1',
    })

五.wx.navigateBack

返回上一级或多级页面,类似于navigator组件组件中,open-type="navigateBack"
delta参数值,是要返回前几级页面。

复制代码
    wx.navigateBack({
      delta:1
    })

六.使用钩子函数onLoad接收参数

在页面跳转过程中会传递参数,可以使用onLoad函数接收参数。

复制代码
  onLoad(opt){
    console.log(opt.id)
  }
相关推荐
@PHARAOH2 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_14 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙6 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
2305_797882096 小时前
AI识图小程序的功能框架设计
人工智能·微信小程序·小程序
暮雨哀尘8 小时前
微信小程序开发:开发实践
开发语言·算法·微信小程序·小程序·notepad++·性能·技术选型
幽络源小助理9 小时前
微信小程序实验室管理SSM系统设计与实现
微信小程序·小程序
zoahxmy09291 天前
微信小程序 request 流式数据处理
微信小程序
人人题1 天前
汽车加气站操作工考试答题模板
笔记·职场和发展·微信小程序·汽车·创业创新·学习方法·业界资讯
曲江涛1 天前
微信小程序 webview 定位 并返回
微信小程序·小程序
weixin_440470501 天前
部署Dify接入微信验证反代根目录创建一个文件通过微信小程序验证
微信小程序·腾讯云