湖北省勘察设计协会网站,织梦网站还原,温州市永嘉上塘建设局网站,如何制作自己的网站教程目前小程序的几个页面跳转方式的主要区别就两点#xff1a;
1.是否可以返回上一个页面2.目标页面是否是tabBar
两个通用属性
1.限制#xff1a;目前页面路径最多只能十层。2.分类#xff1a;wx.navigateTo 和 wx.redirectTo不允许跳转到 tabbar 页面#xff0c;只能用 w…目前小程序的几个页面跳转方式的主要区别就两点
1.是否可以返回上一个页面2.目标页面是否是tabBar
两个通用属性
1.限制目前页面路径最多只能十层。2.分类wx.navigateTo 和 wx.redirectTo不允许跳转到 tabbar 页面只能用 wx.switchTab 跳转到 tabbar 页面 下面是对几个跳转方式的整理说明 1. wx.navigateTo({}) 保留当前页面跳转到应用内的某个页面使用 wx.navigateBack 可以返回; 关于Url参数
不能跳转到tabBar页面带参格式【路径】?【参数键1】【参数值】 【参数键2】【参数值】
wx.navigateTo({url:../test/test?id1page4,//跳转页面的路径可带参数隔开不同参数用 分隔相对路径不需要.wxml后缀success:function(){} //成功后的回调failfunction(){} //失败后的回调completefunction(){} //结束后的回调(成功失败都会执行)
})传递的参数在接收页面onLoad()函数中得到值option.id就可以得到了
onLoad: function (option) {console.log(option)//可以打印一下option看查看参数this.setData({id:option.id,
});1.1.wx.navigateBack(OBJECT) 关闭当前页面返回上一页面或多级页面。 可通过 getCurrentPages()) 获取当前的页面栈决定需要返回几层。 关于参数: delta–类型Number 默认值1 说明返回的页面数如果 delta 大于现有页面数则返回到首页。 注意调用 navigateTo 跳转时调用该方法的页面会被加入堆栈而 redirectTo 方法则不会。见下方示例代码
// 此处是A页面
wx.navigateTo({url: B?id1
})// 此处是B页面
wx.navigateTo({url: C?id1
})// 在C页面内 navigateBack将返回A页面
wx.navigateBack({delta: 2
})2.wx.redirectTo(OBJECT) 关闭之前的页面是回不去的当前页面跳转到非tabBar的某个页面 关于Url参数
不能跳转到tabBar页面【路径】?【参数键1】【参数值】 【参数键2】【参数值】
3.wx.reLaunch(OBJECT) 关闭之前的页面是回不去的所有页面打开到应用内的某个页面。 关于Url参数
【路径】?【参数键1】【参数值】 【参数键2】【参数值】【如果是跳转到tabBar页面则不能带参数】
4.wx.switchTab(OBJECT) 跳转到tabBar的某个页面并关闭其他所有非 tabBar 页面 关于参数
目标页面必须是在app.json 的 tabBar 中定义的页面不能带参数
wx.switchTab({ url: /pages/home/home
});5.组件 navigator 直接写在布局里面的跳转方式 参数说明 url:和上面几种方式的规则一样当前小程序内的跳转链接 open-type跳转方式有效值如下表
参数说明navigate对应 wx.navigateTo 或 wx.navigateToMiniProgram 的功能redirect对应 wx.redirectTo 的功能switchTab对应 wx.switchTab 的功能reLaunch对应 wx.reLaunch 的功能navigateBack对应 wx.navigateBack 的功能
eg:
navigator url/pages/detail/detail点击跳转/navigator
