1:wx.navigateTo ; 保留当前页面 (有返回按钮)
效果:
demo 示例:
- wxml:
- <view bindtap="bindViewTap" class="up">
我要绑定事件来跳转了
</view>
JS:
- Page({
- data: {
- },
- // 事件处理函数
- bindViewTap: function() {
- wx.navigateTo({
- url: '../site/site'
- })
- },
- onLoad: function() {
- },
- })
- wxss:
- .up {
- height: 80rpx;
- line-height: 80rpx;
- background:#44b0fc;
- color: #fff;
- text-align: center;
- }
2:wx.redirectTo; 关闭当前页面 (无返回按钮)
wxml 和样式同上
JS:
- Page({
- data: {
- },
- // 事件处理函数
- bindViewTap: function() {
- //2: 关闭当前页面 (无返回按钮)
- wx.redirectTo({
- url: '../site/site'
- })
- },
- onLoad: function() {},
- })
3:wx.switchTab; 跳转到 tabBar 页面 (底部导航)
遇到第一种 wx.navigateTo 不跳转问题的时候 (大多数是因为想要跳的界面是对应底部的导航, 所以没有反应; 这个时候, 就需要用到这种方法了)
JS:
- Page({
- data: {},
- // 事件处理函数
- bindViewTap: function() {
- //3: 跳转到 tabBar 页面 (底部导航)
- // 这种方法通常 是遇到 wx.navigateTo 不跳转问题的时候 (大多数是跳的底部的导航, 所以没有反应)
- wx.switchTab({
- url: '../me/me'
- })
- },
- onLoad: function() {},
- })
来源: http://www.jianshu.com/p/a53c3f47321d