百度智能小程序 保留當(dāng)前頁面

2020-09-05 14:07 更新

swan.navigateTo

  • 以下 5 個(gè) API 都具有功能一致的 navigator 組件聲明方式。
  • 如果兩種方式都能滿足您的使用場景,推薦您使用 navigator 組件實(shí)現(xiàn)相應(yīng)的導(dǎo)航功能,以便更好的被搜索引擎理解。

解釋:保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面,但是不能跳轉(zhuǎn)到 tabbar 頁面,使用 swan.navigateBack 可以返回到原頁面。

方法參數(shù)

Object object

object參數(shù)說明

屬性名 類型 必填 默認(rèn)值 說明

url

String

需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁面的路徑 , 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔,參數(shù)鍵與參數(shù)值用=相連,不同參數(shù)用&分隔;如 ‘path?key=value&key2=value2’。

success

Function

接口調(diào)用成功的回調(diào)函數(shù)

fail

Function

接口調(diào)用失敗的回調(diào)函數(shù)

complete

Function

接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行)

示例


代碼示例 

在開發(fā)者工具中打開

<view class="wrap">
    <button bind:tap="navigateTo" type="primary" hover-stop-propagation="true">跳轉(zhuǎn)新頁面</button>
</view>
Page({

    navigateTo(e) {
        swan.navigateTo({
            url: '/detail/detail?id=新頁面'
        });
    }
});

Bug & Tip

  • jssdk 在 web-view 組件中使用 swan.navigateTo 接口跳轉(zhuǎn) success、fail、complete 回調(diào)函數(shù)不顯示。

參考示例

參考示例 - 根據(jù)頁面棧來判斷頁面層級(jí) 

在開發(fā)者工具中打開

// 目標(biāo)頁面
Page({
    onLoad(options) {
        this.setData({
            'id': options.id
        });
    },
    onShow() {
        console.log(getCurrentPages()); // [{uri: 'index/index'}]
    },
    navigateBack(e) {
        swan.navigateBack({
            delta: 2
        });
    }
});


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)