功夫码

小程序如何实现页面间的跳转?

晓峰 时间:2019-10-09 08:16:40 阅读:5
--------------------------------------------------------- Ta 只分享的内容开始 ---------------------------------------------------------------------

小程序如何实现页面间的跳转?

之前想在页面间做个跳转,想直接写在index.wxml中,类似于HTML中a标签的href属性,但没有看到官方的相关说明,官方以页面栈的方式维护了当前的所有页面,同时提供了一系列api供开发者使用,其中可以实现跳转的功能页面有5个。分别是:

(1)wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。注:目前页面路径对多只能十层。

(2)wx.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面。

(3)wx.reLaunch(OBJECT)

关闭所有页面,打开到应用内的某个页面。

(4)wx.switchTab(OBJECT)

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

(5)wx.navigateBack(OBJECT)

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。

最后通过小程序的事件机制实现了页面间跳转。

//index.wxml
<view class="usermotto">    
    <text class="user-motto" bindtap="goProductPage">{{motto}}</text>
</view>

//index.js
goProductPage: function (e) {
    wx.navigateTo({      url: '../product/product', //相对路径
      success: function () {        console.log('进入了成功的回调');
      },      fail: function () {        console.log('进入了失败的回调');
      }
    })
  }


--------------------------------------------------------- Ta 只分享了这些内容 ---------------------------------------------------------------------

本文来源:功夫码(gongfuma.com)
声明:本文系功夫码原创稿件,版权属[功夫码 gongfuma.com]所有。
未经授权不得转载,已经协议授权的媒体下载使用时须注明"稿件来源:功夫码",违者将依法追究责任。

相关文章

回到顶部