用cms织梦做网站图文教程,头条收录提交入口,免费制作软件官网,科技设计网站目前小程序的几个页面跳转方式的主要区别就两点#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
