1.声明式跳转(标签控制跳转)
navigator 标签
属性:
url:要跳转的路径(可以使用相对路径,也可以使用绝对路径)
open-type:跳转方式。默认值为 navigat ,不能跳转至tabBar页面。
当值为 switchTab 时,可跳转至tabBat页面。
当值为 navigateBack 时,点击可返回原页面。
注:小程序跳转时严格区分tabBar页面与非tabBar页面。
代码演示:<navigator open-type=" " url=" ">跳转</navigator>
2.编程式跳转(js控制跳转)
wx.reLaunch 方法:关闭所有页面,打开到应用内的某个页面。
参数:
url:要跳转的路径。
代码演示:wx.reLaunch({
url:" ",
})
wx.redirectTo 方法:关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
参数:
url:要跳转的路径。
代码演示:wx.redirectTo({
url:" ",
})
3.跳转传参
传参:
在路径后面写上?后面写上要传的参数。传递多个之间使用&隔开
代码演示:
page({
data:{
name:"张三",
sex:"男",
age:22,
},
skip(){
wx.redirectTo({
url:"../index/index?name="+this.data.name"&sex="+this.data.sex"&age="+this.data.age
})
},
})
接收:
在跳转后页面的js文件的 onLoad 中接收。
代码演示:文章来源:https://www.toymoban.com/news/detail-487817.html
page({
onLoad(options) {
console.log(options);
// options 就是传递过来的值
},
})
文章来源地址https://www.toymoban.com/news/detail-487817.html
到了这里,关于微信小程序常用路由跳转方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!