代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>readme</title>
</head>
<body>
<p>小程序跳转</p>
<p>小程序页面跳转的四种方法</p>
1.wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回;
示例:
wx.navigateTo({
url:'../test/test?id=1&page=4',//跳转页面的路径,可带参数 ?隔开,不同参数用 & 分隔;相对路径,不需要.wxml后缀
success:function(){} //成功后的回调;
fail:function(){} //失败后的回调;
complete:function(){}//结束后的回调(成功,失败都会执行)
})
传递的参数在接收页面onLoad()函数中得到值:option.id就可以得到了
onLoad: function (option) {
console.log(option)//可以打印一下option看查看参数
this.setData({
id:option.id,
});
2.wx.redirectTo() , 关闭当前页面,跳转到非tabBar的某个页面,
3.使用组件 <navigator> 示例: <navigator url='../test/test'>点击跳转</navigator>
4.wx.switchTab ,跳转到tabBar的某个页面,
wx.switchTab({
url: '../taste/index', //注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面
})
----
wx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面
wx.redirectTo(OBJECT) 关闭当前页面,跳转到应用内的某个页面
wx.switchTab(OBJECT) 跳转到 tabBar 页面,并关闭其他所有非tabBar 页面
wx.navigateBack(OBJECT) 关闭当前页面,返回上一页面或多级页面
----
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。