微信小程序> 小程序如何跳转页面及页面跳转的4种方法介绍-小程序跳转跳转开

小程序如何跳转页面及页面跳转的4种方法介绍-小程序跳转跳转开

浏览量:2660 时间: 来源:开心不伪装
小程序如何跳转页面及页面跳转的4种方法介绍

小程序如何跳转页面及页面跳转的4种方法介绍

方法/步骤

1.1.选中切片2.在下面的链接和距离属性中添加链接

2.另外:这里需要说明的,如果要跳转的页面是tab页,即系统的底部导航或者顶部导航,系统会自动把跳转代码为switchTab方法。小程序页面跳转的四种方法1.wx.navigateTo({}),保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回;示例:wx.navigateTo({url:'../test/test?id=1&page=4', //跳转页面的路径,可带参数 ?隔开,不同参数用 & 分隔;相对路径,不需要.wxml后缀success:function(){}//成功后的回调;fail:function(){}//失败后的回调;complete:function(){}//结束后的回调(成功,失败都会执行)})传递的参数在接收页面onLoad()函数中得到值:option.id就可以得到了onLoad: function (option) {    console.log(option)//可以打印一下option看查看参数this.setData({id:option.id,});2.wx.redirectTo(), 关闭当前页面,跳转到非tabBar的某个页面,3.使用组件<navigator>示例:<navigator url='../test/test'>点击跳转</navigator>4.wx.switchTab ,跳转到tabBar的某个页面,wx.switchTab({url: '../taste/index',//注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面})如果生成预览不了,请看《常见错误处理》

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎