小程序的跳转方式url a链接的方法 跳转页面的几种方式
第一种:<navigator></navigator>标签.
这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是 该方法不能跳转tabbar页面.
格式为:
1 | < navigator url = "........" ></ navigator > |
第二种:wx.navigateTo.
通过构造js函数,在函数中调用该接口可实现页面跳转的效果.但该接口同样不能跳转tabbar页面.跳转后左上角有返回小箭头,点击可返回原本页面.
格式为:
1 | < view class = "select_calculator" bindtap = "next_calculator" > |
1 2 3 4 5 6 | next_calculator: function () { wx.navigateTo({ url: '/pages/calculator/calculator' , }) }, |
第三种:wx.redirectTo.
关闭当前页面,跳转到应用内的某个页面(不能跳转tabbar页面)。类似于html中的 window.open('.....');
跳转后左上角出现返回小箭头,点击后可返回原本页面.
第四种:wx.switchTab.
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面;该方法只能跳转tabbar页面.
post_calculator: function () { wx.switchTab({ url: '/pages/calculator/calculator' , }) }, }) |
第五种:wx.reLaunch.
关闭所有页面,打开到应用内的某个页面。
跟 wx.redirectTo
一样左上角不会出现返回箭头,但两者却不完全相同;
如果您的问题还未解决可以联系站长付费协助。
有问题可以加入技术QQ群一起交流学习
本站vip会员 请加入无忧模板网 VIP群(50604020) PS:加入时备注用户名或昵称
普通注册会员或访客 请加入无忧模板网 技术交流群(50604130)
客服微信号:15898888535
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若内容侵犯了原著者的合法权益,可联系站长删除。