navigator 頁(yè)面導(dǎo)航

解釋：頁(yè)面鏈接，控制小程序的跳轉(zhuǎn)，既可在當(dāng)前小程序內(nèi)部進(jìn)行跳轉(zhuǎn)，也可跳轉(zhuǎn)至其他小程序。navigator的子節(jié)點(diǎn)背景色應(yīng)為透明色。

屬性說(shuō)明

屬性名	類型	默認(rèn)值	必填	說(shuō)明	最低版本
target	String	self	否	在哪個(gè)目標(biāo)上發(fā)生跳轉(zhuǎn)，默認(rèn)當(dāng)前小程序，有效值 self/miniProgram	2.5.2 低版本請(qǐng)做兼容性處理
url	String		否	應(yīng)用內(nèi)的跳轉(zhuǎn)鏈接	-
open-type	String	navigate	否	跳轉(zhuǎn)方式	-
delta	Number		否	當(dāng) open-type 為`navigateBack`時(shí)有效，表示回退的層數(shù)	-
app-id	String		否	當(dāng)`target=”miniProgram”`時(shí)有效，要打開的小程序 App Key (小程序后臺(tái)設(shè)置-開發(fā)設(shè)置中)	2.5.2 低版本請(qǐng)做兼容性處理
path	String		否	當(dāng)`target=”miniProgram”`時(shí)有效，打開的頁(yè)面路徑，如果為空則打開首頁(yè)	2.5.2 低版本請(qǐng)做兼容性處理
extra-data	Object		否	當(dāng)`target=”miniProgram”`時(shí)有效，需要傳遞給目標(biāo)小程序的數(shù)據(jù)，目標(biāo)小程序可在 App.onLaunch、App.onShow 中獲取到這份數(shù)據(jù)	2.5.2 低版本請(qǐng)做兼容性處理
version	String	release	否	當(dāng)`target=”miniProgram”`時(shí)有效，要打開的小程序版本，有效值 develop（開發(fā)版），trial（體驗(yàn)版），release（正式版），僅在當(dāng)前小程序?yàn)殚_發(fā)版或體驗(yàn)版時(shí)此參數(shù)有效；如果當(dāng)前小程序是正式版，則打開的小程序必定是正式版	2.5.2 低版本請(qǐng)做兼容性處理
hover-class	String	navigator-hover	否	指定點(diǎn)擊時(shí)的樣式類，當(dāng)`hover-class=”none”`時(shí)，沒有點(diǎn)擊態(tài)效果
hover-stop-propagation	Boolean	false	否	指定是否阻止本節(jié)點(diǎn)的祖先節(jié)點(diǎn)出現(xiàn)點(diǎn)擊態(tài)	-
hover-start-time	Number	50	否	按住后多久出現(xiàn)點(diǎn)擊態(tài)（單位：毫秒）	-
hover-stay-time	Number	600	否	手指松開后點(diǎn)擊態(tài)保留時(shí)間（單位：毫秒）	-
bindsuccess	String		否	當(dāng)`target=”miniProgram”`時(shí)有效，跳轉(zhuǎn)小程序成功	2.5.2 低版本請(qǐng)做兼容性處理
bindfail	String		否	當(dāng)`target=”miniProgram”`時(shí)有效，跳轉(zhuǎn)小程序失敗	2.5.2 低版本請(qǐng)做兼容性處理
bindcomplete	String		否	當(dāng)`target=”miniProgram”`時(shí)有效，跳轉(zhuǎn)小程序完成	2.5.2 低版本請(qǐng)做兼容性處理

target 有效值

值	說(shuō)明
self	當(dāng)前小程序
miniProgram	跳轉(zhuǎn)到另一個(gè)小程序

version 有效值

值	說(shuō)明
develop	開發(fā)版
trial	體驗(yàn)版
release	正式版

open-type 有效值

值	說(shuō)明	最低版本
navigate	保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面，但是不能跳轉(zhuǎn)到 tabbar 頁(yè)面。對(duì)應(yīng) swan.navigateTo 的功能
redirect	關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。對(duì)應(yīng) swan.redirectTo 的功能
switchTab	跳轉(zhuǎn)到 tabBar 頁(yè)面，并關(guān)閉其他所有非 tabBar 頁(yè)面。對(duì)應(yīng) swan.switchTab 的功能
navigateBack	關(guān)閉當(dāng)前頁(yè)面，返回上一頁(yè)面或多級(jí)頁(yè)面。對(duì)應(yīng) swan.navigateBack 的功能
reLaunch	關(guān)閉所有頁(yè)面，打開到應(yīng)用內(nèi)的某個(gè)頁(yè)面。對(duì)應(yīng) swan.reLaunch 的功能
exit	退出小程序，`target=”miniProgram”`時(shí)生效	2.5.2

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

代碼示例

SWAN
JS

 
 
 
  
  
    
  
     
  
     
  
   
  
  
   target="self"   
  
   open-type="navigate"   
  
   url="/component/detail/detail?id=新頁(yè)面,點(diǎn)擊左上角返回回到之前頁(yè)面"  
  
   hover-class="navigator-hover"   
  
   hover-start-time="50"  
  
   hover-stay-time="600"  
  
   hover-stop-propagation="true">  
  
   跳轉(zhuǎn)到新頁(yè)面  
  
     
  
     
  
     
  
   
  
  
   s-if="{{!isWeb}}"   
  
   target="self"   
  
   open-type="redirect"   
  
   url="/component/detail/detail?id=當(dāng)前頁(yè),點(diǎn)擊左上角返回回到上級(jí)菜單"   
  
   hover-class="navigator-hover"   
  
   hover-start-time="50"  
  
   hover-stay-time="600"  
  
   hover-stop-propagation="true">  
  
   在當(dāng)前頁(yè)打開  
  
     
  
     
  
    
  
     
  
   
  
  
   s-if="{{!isWeb}}"   
  
   target="self"   
  
   open-type="navigateBack"   
  
   hover-class="navigator-hover"   
  
   hover-start-time="50"  
  
   hover-stay-time="600"  
  
   hover-stop-propagation="true"  
  
   delta="1">  
  
   返回上一頁(yè)面  
  
     
  
     
  
    
  
     
  
   
  
  
   s-if="{{!isWeb}}"   
  
   target="miniProgram"   
  
   open-type="exit">  
  
   退出當(dāng)前小程序  
  
     
  
     
  
    
  
     
  
   
  
  
   target="self"   
  
   open-type="switchTab"   
  
   url="/entry/component/component">  
  
   打開一個(gè)有Tab的頁(yè)面  
  
     
  
     
  
    
  
     
  
   
  
  
   target="self"   
  
   open-type="reLaunch"   
  
   url="/component/detail/detail?id=新頁(yè)面,點(diǎn)擊左上角返回回到上級(jí)菜單">  
  
   關(guān)閉所有頁(yè)面打開新頁(yè)面  
  
     
  
     
  
    
  
     
  
   
  
  
   target="miniProgram"   
  
   s-if="{{!isWeb}}"   
  
   open-type="navigate"   
  
   extra-data="extra-data"   
  
   app-id="79RKhZ2BTvyyHitg4W3Xle4kkFgwwXyp"   
  
   version="release"   
  
   bindsuccess="successHandler"   
  
   bindfail="failHandler"   
  
   bindcomplete="completeHandler">  
  
   打開綁定的小程序

`說(shuō)明`

navigator-hover默認(rèn)為：

CSS


 
 
 
  
  
  {  
  
   background-color: rgba(0, 0, 0, 0.1);  
  
   opacity: 0.7;  
  
  } 
 
 
常見問(wèn)題
Q：請(qǐng)問(wèn)下如何關(guān)閉小程序？
A：可以通過(guò)組件進(jìn)行關(guān)閉當(dāng)前小程序的操作。
代碼示例
SWAN
 
 
 
  
  
    
  
   退出當(dāng)前小程序  
  
   
 
 
                                                

                                                文章題目：創(chuàng)新互聯(lián)百度小程序教程：navigator頁(yè)面導(dǎo)航                                                

                                                新聞來(lái)源：http://www.5511xx.com/article/dpgogce.html


                                            
                                                
                                                    其他資訊
                                                
                                                
                                                    
                                                        
                                                                Linux高效搜索包含關(guān)鍵字的文件(linux搜索包含關(guān)鍵字的文件)
                                                            

                                                                Linux系統(tǒng)恢復(fù)出廠設(shè)置的指南（linux恢復(fù)出廠設(shè)置）
                                                            

                                                                對(duì)SQL Server虛擬內(nèi)存不足的解決
                                                            

                                                                解析.NET觀察者模式(ObserverPattern)
                                                            

                                                                信任狀態(tài)域名不匹配

新聞中心

navigator 頁(yè)面導(dǎo)航

屬性說(shuō)明

target 有效值

version 有效值

open-type 有效值

示例

代碼示例

說(shuō)明

常見問(wèn)題

Q：請(qǐng)問(wèn)下如何關(guān)閉小程序？

其他資訊

`說(shuō)明`

Q：請(qǐng)問(wèn)下如何關(guān)閉小程序？