日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：navigator頁面導(dǎo)航
  • 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)為透明色。

    屬性說明

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

    target

    String

    self

    否

    在哪個目標(biāo)上發(fā)生跳轉(zhuǎn)，默認(rèn)當(dāng)前小程序，有效值 self/miniProgram

    2.5.2
    低版本請做兼容性處理

    url

    String

    否

    應(yīng)用內(nèi)的跳轉(zhuǎn)鏈接

    		 -

    open-type

    String

    navigate

    否

    跳轉(zhuǎn)方式

    		 -

    delta

    Number

    否

    當(dāng) open-type 為navigateBack時有效，表示回退的層數(shù)

    		 -

    app-id

    String

    否

    當(dāng)target=”miniProgram”時有效，要打開的小程序 App Key (小程序后臺設(shè)置-開發(fā)設(shè)置中)

    2.5.2
    低版本請做兼容性處理

    path

    String

    否

    當(dāng)target=”miniProgram”時有效，打開的頁面路徑，如果為空則打開首頁

    2.5.2
    低版本請做兼容性處理

    extra-data

    Object

    否

    當(dāng)target=”miniProgram”時有效，需要傳遞給目標(biāo)小程序的數(shù)據(jù)，目標(biāo)小程序可在 App.onLaunch、App.onShow 中獲取到這份數(shù)據(jù)

    2.5.2
    低版本請做兼容性處理

    version

    String

    release

    否

    當(dāng)target=”miniProgram”時有效，要打開的小程序版本，有效值 develop（開發(fā)版），trial（體驗(yàn)版），release（正式版），僅在當(dāng)前小程序?yàn)殚_發(fā)版或體驗(yàn)版時此參數(shù)有效；如果當(dāng)前小程序是正式版，則打開的小程序必定是正式版

    2.5.2
    低版本請做兼容性處理

    hover-class

    String

    navigator-hover

    否

    指定點(diǎn)擊時的樣式類，當(dāng)hover-class=”none”時，沒有點(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)保留時間（單位：毫秒）

    		 -

    bindsuccess

    String

    否

    當(dāng)target=”miniProgram”時有效，跳轉(zhuǎn)小程序成功

    2.5.2
    低版本請做兼容性處理

    bindfail

    String

    否

    當(dāng)target=”miniProgram”時有效，跳轉(zhuǎn)小程序失敗

    2.5.2
    低版本請做兼容性處理

    bindcomplete

    String

    否

    當(dāng)target=”miniProgram”時有效，跳轉(zhuǎn)小程序完成

    2.5.2
    低版本請做兼容性處理

    target 有效值

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

    version 有效值

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

    open-type 有效值

    值 說明 最低版本

    navigate

    保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面，但是不能跳轉(zhuǎn)到 tabbar 頁面。對應(yīng) swan.navigateTo 的功能

    redirect

    關(guān)閉當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。對應(yīng) swan.redirectTo 的功能

    switchTab

    跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 tabBar 頁面。對應(yīng) swan.switchTab 的功能

    navigateBack

    關(guān)閉當(dāng)前頁面，返回上一頁面或多級頁面。對應(yīng) swan.navigateBack 的功能

    reLaunch

    關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個頁面。對應(yīng) swan.reLaunch 的功能

    exit

    退出小程序，target=”miniProgram”時生效

    2.5.2

    示例

    跳轉(zhuǎn)編輯工具

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

    在 WEB IDE 中打開

    掃碼體驗(yàn)

    代碼示例

    請使用百度APP掃碼

    代碼示例

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5.  target="self" 
      6.   
  
  
    6.  open-type="navigate" 
      7.   
  
  
    7.  url="/component/detail/detail?id=新頁面,點(diǎn)擊左上角返回回到之前頁面"
      8.   
  
  
    8.  hover-class="navigator-hover" 
      9.   
  
  
    9.  hover-start-time="50"
      10.   
  
  
    10.  hover-stay-time="600"
      11.   
  
  
    11.  hover-stop-propagation="true">
      12.   
  
  
    12.  跳轉(zhuǎn)到新頁面
      13.   
  
  
    13.  
      14.   
  
  
    14.  
      15.   
  
  
    15.  
      16.   
  
  
    16.  
      17.   
  
  
    17.  s-if="{{!isWeb}}" 
      18.   
  
  
    18.  target="self" 
      19.   
  
  
    19.  open-type="redirect" 
      20.   
  
  
    20.  url="/component/detail/detail?id=當(dāng)前頁,點(diǎn)擊左上角返回回到上級菜單" 
      21.   
  
  
    21.  hover-class="navigator-hover" 
      22.   
  
  
    22.  hover-start-time="50"
      23.   
  
  
    23.  hover-stay-time="600"
      24.   
  
  
    24.  hover-stop-propagation="true">
      25.   
  
  
    25.  在當(dāng)前頁打開
      26.   
  
  
    26.  
      27.   
  
  
    27.  
      28.   
  
  
      29.   
  
  
    29.  
      30.   
  
  
    30.  
      31.   
  
  
    31.  s-if="{{!isWeb}}" 
      32.   
  
  
    32.  target="self" 
      33.   
  
  
    33.  open-type="navigateBack" 
      34.   
  
  
    34.  hover-class="navigator-hover" 
      35.   
  
  
    35.  hover-start-time="50"
      36.   
  
  
    36.  hover-stay-time="600"
      37.   
  
  
    37.  hover-stop-propagation="true"
      38.   
  
  
    38.  delta="1">
      39.   
  
  
    39.  返回上一頁面
      40.   
  
  
    40.  
      41.   
  
  
    41.  
      42.   
  
  
      43.   
  
  
    43.  
      44.   
  
  
    44.  
      45.   
  
  
    45.  s-if="{{!isWeb}}" 
      46.   
  
  
    46.  target="miniProgram" 
      47.   
  
  
    47.  open-type="exit">
      48.   
  
  
    48.  退出當(dāng)前小程序
      49.   
  
  
    49.  
      50.   
  
  
    50.  
      51.   
  
  
      52.   
  
  
    52.  
      53.   
  
  
    53.  
      54.   
  
  
    54.  target="self" 
      55.   
  
  
    55.  open-type="switchTab" 
      56.   
  
  
    56.  url="/entry/component/component">
      57.   
  
  
    57.  打開一個有Tab的頁面
      58.   
  
  
    58.  
      59.   
  
  
    59.  
      60.   
  
  
      61.   
  
  
    61.  
      62.   
  
  
    62.  
      63.   
  
  
    63.  target="self" 
      64.   
  
  
    64.  open-type="reLaunch" 
      65.   
  
  
    65.  url="/component/detail/detail?id=新頁面,點(diǎn)擊左上角返回回到上級菜單">
      66.   
  
  
    66.  關(guān)閉所有頁面打開新頁面
      67.   
  
  
    67.  
      68.   
  
  
    68.  
      69.   
  
  
      70.   
  
  
    70.  
      71.   
  
  
    71.  
      72.   
  
  
    72.  target="miniProgram" 
      73.   
  
  
    73.  s-if="{{!isWeb}}" 
      74.   
  
  
    74.  open-type="navigate" 
      75.   
  
  
    75.  extra-data="extra-data" 
      76.   
  
  
    76.  app-id="79RKhZ2BTvyyHitg4W3Xle4kkFgwwXyp" 
      77.   
  
  
    77.  version="release" 
      78.   
  
  
    78.  bindsuccess="successHandler" 
      79.   
  
  
    79.  bindfail="failHandler" 
      80.   
  
  
    80.  bindcomplete="completeHandler">
      81.   
  
  
    81.  打開綁定的小程序
      82.   
  
  
    82.  
      83.   
  
  
    83.  
      84.   
  
  
    84.  
      85.   
  
  
      86.

    說明

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

    • CSS
     
 
 
      
  
  
  
    1. {
      2.   
  
  
    2.  background-color: rgba(0, 0, 0, 0.1);
      3.   
  
  
    3.  opacity: 0.7;
      4.   
  
  
    4. }
      5.

    常見問題

    Q：請問下如何關(guān)閉小程序？

    A：可以通過組件進(jìn)行關(guān)閉當(dāng)前小程序的操作。

    代碼示例

    • SWAN
     
 
 
      
  
  
  
      2.   
  
  
    2.  退出當(dāng)前小程序
      3.   
  
  
      4.

    當(dāng)前名稱：創(chuàng)新互聯(lián)百度小程序教程：navigator頁面導(dǎo)航
    文章來源：http://www.dlmjj.cn/article/dpgogce.html