小程序的跳轉方式

navigator（組件）

頁面鏈接，官方文檔詳細參數說明。
栗子：

<!--wxml代碼-->
<!--
    url：跳轉的地址
    redirect:是否在本頁打開，默認是false
    hover-class:點擊時的樣式
-->
<view>
    <navigator url="../../pages/lists/lists" redirect="true" hover-class="navigator-hover">點我去列表頁</navigator>
</view>

/* wxss代碼 */
.navigaror-hover{
    color:blue;
}

---

wx.navigateTo(OBJECT)

保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面。官方文檔參數詳細說明

<!--wxml-->
<!--這裏綁定了一個detial方法，同時獲取id值-->
<view class="img">
    <image src="{{img}}"  data-id="{{id}}" bindtap="detail"></image>
</view>

//js:detail事件
//url:要跳轉的地址，event.target.dataset.id爲接受上面的id參數
detail:function(event){
   wx.navigateTo({
       url:"../../pages/detail/detail id="+event.target.dataset.id,
       //接口調用成功的回調方法
       fuccess:function(){},
       /接口調用失敗的回調方法
       fail:function(){},
       /接口調用無論成功或者失敗的回調方法
       complete:function(){}
   })
},

wx.redirectTo(OBJECT)

關閉當前頁面，跳轉到應用內的某個頁面。參數與wx.navigatorTo(ONJECT)相同。

wx.navigateBack(OBJECT)

關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages()) 獲取當前的頁面棧，決定需要返回幾層。官方文檔詳細參數說明

<!--wxml-->
<!--這裏綁定一個back事件-->
<view>
    <view bindtap="back" class="back">返回</view>
</view>

//js
//wx.navigateBack()的參數是返回基層
back:function()
{
    wx.navigateBack(1);
}