微信小程序开发最全传值跳转页面方法
1、wx.navigateTo() ,保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回;小程序中跳转页面最多十层
示例:
wx.navigateTo({ url:'/pages/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的某个页面
wx.redirectTo({ url: '/pages/index/index', //注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面 })
3. wx.reLaunch() , 跳转至指定页面并关闭其他打开的所有页面(这个最好用在返回至首页的时候)
wx.reLaunch({ url: '/pages/index/index', //跳转之后会关闭所有已打开过的页面,没有返回按钮,这个可跳转到带有tabBar的页面 })
4. 使用组件
<navigator url='/pages/index/index'>点击跳转</navigator>
5. wx.switchTab ,跳转到tabBar的某个页面
wx.switchTab({ url: '/pages/taste/index', //注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面 })
6. wx.navigateBack,返回上一页面或多级页面;
wx.navigateBack({ delta:1 })
作者头像
作者名称
作者性别
热门推荐
1 PHP流程控制
评论列表