• navigator 頁面導(dǎo)航
  • 屬性說明
    • target 有效值
    • version 有效值
    • open-type 有效值
  • 示例
    • 代碼示例
    • 說明
  • 常見問題
    • Q：請問下如何關(guān)閉小程序？

navigator 頁面導(dǎo)航

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

屬性說明

target 有效值

version 有效值

open-type 有效值

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開

掃碼體驗(yàn)

代碼示例

請使用百度APP掃碼

代碼示例

• SWAN
• JS

 
 
 

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

說明

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

• CSS

 
 
 

  
  
  
{
  
  
  
 background-color: rgba(0, 0, 0, 0.1);
  
  
  
 opacity: 0.7;
  
  
  
}
 
 
 

 
 
 

  
  
  
  
  
  
 退出當(dāng)前小程序