<abbr id="ciwa6"><option id="ciwa6"></option></abbr>
  • <sup id="ciwa6"><kbd id="ciwa6"></kbd></sup>
    <small id="ciwa6"></small>
  • 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

    400-811-9990
    手機站
    千鋒教育

    千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)

    千鋒教育

    掃一掃進入千鋒手機站

    領(lǐng)取全套視頻
    千鋒教育

    關(guān)注千鋒學(xué)習(xí)站小程序
    隨時隨地免費學(xué)習(xí)課程

    上海
    • 北京
    • 鄭州
    • 武漢
    • 成都
    • 西安
    • 沈陽
    • 廣州
    • 南京
    • 深圳
    • 大連
    • 青島
    • 杭州
    • 重慶
    當(dāng)前位置:成都千鋒IT培訓(xùn)  >  技術(shù)干貨  >  小程序路由跳轉(zhuǎn)

    小程序路由跳轉(zhuǎn)

    來源:千鋒教育
    發(fā)布人:gxy
    時間: 2023-04-06 14:52:26

      小程序路由跳轉(zhuǎn)

    小程序路由跳轉(zhuǎn)

      通過組件navigator跳轉(zhuǎn),設(shè)置url屬性指定跳轉(zhuǎn)的路徑,設(shè)置open-type屬性指定跳轉(zhuǎn)的類型(可選),open-type的屬性有 redirect, switchTab, navigateBack

      // redirect 對應(yīng) API 中的 wx.redirect 方法

      在當(dāng)前頁打開

      // navigator 組件默認的 open-type 為 navigate

      跳轉(zhuǎn)到新頁面

      // switchTab 對應(yīng) API 中的 wx.switchTab 方法

      切換 Tab

      // reLanch 對應(yīng) API 中的 wx.reLanch 方法

      //關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個頁面

      // navigateBack 對應(yīng) API 中的 wx.navigateBack 方法

      關(guān)閉當(dāng)前頁面,返回上一級頁面或多級頁面

      復(fù)制代碼

      通過api跳轉(zhuǎn),wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()

      wx.navigateTo({

      url: 'page/home/home?user_id=1'  // 頁面 A

      })

      wx.navigateTo({

      url: 'page/detail/detail?product_id=2'  // 頁面 B

      })

      // 跳轉(zhuǎn)到頁面 A

      wx.navigateBack({

      delta: 2 //返回指定頁面

      })

      復(fù)制代碼

      // 關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。

      wx.redirectTo({

      url: 'page/home/home?user_id=111'

      })

      // 跳轉(zhuǎn)到tabBar頁面(在app.json中注冊過的tabBar頁面),同時關(guān)閉其他非tabBar頁面。

      wx.switchTab({

      url: 'page/index/index'

      })

      // 關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個頁面。

      wx.reLanch({

      url: 'page/home/home?user_id=111'

      })

    聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。

    猜你喜歡LIKE

    小程序路由跳轉(zhuǎn)

    2023-04-06

    經(jīng)典面試題:static加載機制你知道嗎?

    2023-03-23

    如何做用戶分層?

    2022-12-12

    最新文章NEW

    說說gulp和webpack的區(qū)別

    2023-04-06

    跨域如何解決

    2023-04-04

    消息中間件常用協(xié)議有哪些

    2023-03-22

    相關(guān)推薦HOT

    更多>>

    快速通道 更多>>

    最新開班信息 更多>>

    網(wǎng)友熱搜 更多>>