当前位置: 首页 > news >正文

微信小程序-路由和页面跳转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)}
http://www.lryc.cn/news/375946.html

相关文章:

  • PWR电源控制
  • 【记录46】【案例】echarts 柱状图
  • Github2024-06-12 开源项目日报 Top10
  • 茶艺师服务师傅小程序APP源码(APP+小程序+公众号+H5)
  • 【正则表达式】入门
  • 制造业为什么需要ERP企业管理软件?
  • JavaScript Prototype
  • Web Works API 和 Promise 的对比和区别
  • jeecg快速启动(附带本地运行可用版本下载)
  • 【PPT教程】一键重置幻灯片背景的方法,新建幻灯片带默认背景
  • NVIDIA新模型Nemotron-4:98%的训练数据是合成生成的,你敢信?
  • 深度神经网络——什么是NLP(自然语言处理)?
  • 05-5.5.1 哈夫曼树
  • 夯实网络底座:智能云解析助推新基建发展再上新台阶
  • 时间戳转时间格式小记——个位数月份 如何去掉补位0的情况
  • C++ 矩阵乘法
  • 热门开源项目推荐
  • Study--Oracle-03-数据库常规操作
  • OpenCloudOS 8.8 一键安装 Oracle 19C 单机
  • 【Android】【Java】【每日练手3】Android的四个主要组件使用示例
  • 代码随想三刷二叉树篇2
  • QT pro包含库文件目录符号含义
  • uniapp怎么进行页面的跳转
  • 数据库管理-第205期 换个角度看23ai(20240617)
  • 深入解析PHP函数
  • elasticsearch结构化搜索
  • 街道网格宣传稿件投稿我知道了好方法
  • 电脑有线无线一起用怎么设置
  • 通过LotusScript中的NotesDateTime类来进行时间计算
  • 【前端面经】数组算法题解