原:https://www.cnblogs.com/liuqingxia/p/7844937.html
外加带参数跳转
刚接触小程序时,我也是采用wx.navigateTo, 当达到一定次数后,页面就没反应了。(这个下面有介绍)
需求:从 index.wxml 页面,跳转到 aaa.wxml 页面
方法一:WXML页面实现
1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>
2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator>
3.<navigator url = "/pages/aaa/aaa" open-type = "switchTab">跳转到新页面</navigator>
4.<navigator url = "/pages/aaa/aaa?id=1&ing='a.jpg' ">跳转到新页面(带参)</navigator>
//aaa.js 页面接收参数
onLoad: function (options) { //options用于接收上个页面传递过来的参数
var that = this;
that.setData({ //this.setData的方法用于把传递过来的id转化成小程序模板语言
b_id: options.id, //id是a页面传递过来的名称,a_id是保存在本页面的全局变量 {{b_id}}方法使用
b_tu: options.ing,
})
}
ji跳转路径也是以样写法
方法二:js页面实现
bindViewTab:function(){
wx.navigateTo({ //保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)
url:"/pages/aaa/aaa"
})
wx.redirectTo({ //关闭当前页面,跳转到应用内的某个页面(这个跳转有个坑,就是跳转页面后页面会闪烁一下,完全影响了我自己的操作体验,太缺德了。)
url:"/pages/aaa/aaa"
})
wx.reLaunch({ //跳转至指定页面并关闭其他打开的所有页面(这个最好用在返回至首页的的时候)
url:'/pages/index/index'
})
wx.switchTab({ //跳转到tabBar页面,并关闭其他所有tabBar页面 tabBar页面自己可以百度下
url:"/pages/aaa/aaa"
})
wx.navigateBack({ //返回上一页面或多级页面
delta:1
})
}