微信小程序路径跳转和传参
1.路径跳转
注意：使用声明式导航(标签)跳转 那个跳转标签默认是一行都可以点击 范围有点大不灵活
建议使用通过点击触发函数改变路径
当前是详情页 //这个是详情页 非tabBar页面back() {// 返回到之前的路径页面 不能是tabBar页面 返回多少次由delta: 1,控制1就是返回到上一次的路径页面wx.navigateBack({delta: 1,});},// 修改路径click() {// 跳转到一个指定的tabBar页面wx.switchTab({url: "/pages/index/index",});},click1() {//跳转到一个指定的非tabBar页面wx.navigateTo({url: "/pages/gm/index",});},click2() {//替换当前路径到指定页面wx.redirectTo({url: "/pages/index/index",});},click3() {//删除全部路径到指定页面wx.reLaunch({url: '/pages/index/index',})},wx.navigateBack ({})：返回到之前的路径页面 不能是tabBar页面 返回多少次由delta: 1,控制1就是返回到上一次的路径页面 默认为1可以直接 wx.navigateBack() 表示返回一步
wx.switchTab({})：跳转到一个指定的tabBar页面
wx.navigateTo({})：跳转到一个指定的非tabBar页面
wx.redirectTo({})：替换当前路径到指定页面 不区分tabBar
wx.reLaunch({})：删除全部路径到指定页面 不区分tabBar
非tabBar页面就是在pages里面 但是不在tabBar的list里面注册的普通页面
注：pages里面排第一的默认为进来展示的页面(首页)，可以根据需求改变进来的页面
注：list里面的排列顺序就是底部栏的排列顺序，可以根据需求改变顺序(list至少两个最多五个)
2.路径传参
直接在跳转的路径后面拼接参数 ?a=1&b=2&c=3"
注意：1.参数要字符串类型
2.参数有长度限制，过长就不能使用这种方式进行传参
// 到详情页click2() {wx.navigateTo({// 拼接固定参数url: "/pages/qx/index?a=1&b=2&c=3",// 拼接动态参数 也可以使用模板字符串url: "/pages/qx/index?a=" + 1 + "&b=" + 2,});}, // 详情页接收参数
onLoad(options) {// console.log(options);var obj = options;this.setData({obj: obj,});},使用路径传参的参数
a:{{obj.a}}
b:{{obj.b}}
c:{{obj.c}} 
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！