今天看Dcloud官網更新了個uni-app，據說一套程式碼三端釋出（Android,iOS,微信小程式），果斷一試。

保留當前頁面，跳轉到應用內的某個頁面，使用uni.navigateBack可以返回到原頁面。

OBJECT引數說明

示例

uni.navigateTo({
    url: 'test?id=1&name=uniapp'
});

// test.vue
export default {
    onLoad: function (option) { //option為object型別，會序列化上個頁面傳遞的引數
        console.log(option.id); //打印出上個頁面傳遞的引數。
        console.log(option.name); //打印出上個頁面傳遞的引數。
    }
}
 

注意：目前頁面路徑最多隻能十層。

關閉當前頁面，跳轉到應用內的某個頁面。

OBJECT引數說明

示例

uni.redirectTo({
    url: 'test?id=1'
});

關閉所有頁面，開啟到應用內的某個頁面。

OBJECT引數說明

示例

uni.reLaunch({
    url: 'test?id=1'
});

export default {
    onLoad: function (option) {
        console.log(option.query);
    }
}

跳轉到 tabBar 頁面，並關閉其他所有非 tabBar 頁面。

OBJECT引數說明

示例

pages.json

{
  "tabBar": {
    "list": [{
      "pagePath": "index",
      "text": "首頁"
    },{
      "pagePath": "other",
      "text": "其他"
    }]
  }
}

other.vue

uni.switchTab({
    url: 'index'
});

關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages() 獲取當前的頁面棧，決定需要返回幾層。

OBJECT引數說明

示例

// 注意：呼叫 navigateTo 跳轉時，呼叫該方法的頁面會被加入堆疊，而 redirectTo 方法則不會。見下方示例程式碼

// 此處是A頁面
uni.navigateTo({
    url: 'B?id=1'
});

// 此處是B頁面
uni.navigateTo({
    url: 'C?id=1'
});

// 在C頁面內 navigateBack，將返回A頁面
uni.navigateBack({
    delta: 2
});