国产睡熟迷奷白丝护士系列精品,中文色字幕网站,免费h网站在线观看的,亚洲开心激情在线

      <sup id="hb9fh"></sup>
          1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

            手機站
            千鋒教育

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

            千鋒教育

            掃一掃進入千鋒手機站

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

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

            當(dāng)前位置:首頁  >  技術(shù)干貨  > 微信小程序——頁面路由

            微信小程序——頁面路由

            來源:千鋒教育
            發(fā)布人:wjy
            時間: 2022-06-06 11:44:00 1654487040

            **什么是路由?**

            > 路由(routing)是指分組從源到目的地時,決定端到端路徑的網(wǎng)絡(luò)范圍的進程。我們可以理解微信小程序頁面路由,根據(jù)路由規(guī)則(路徑)從一個頁面跳轉(zhuǎn)到另一個頁面的的規(guī)則。

            微信小程序頁面路由

            ## **一、哪些會觸發(fā)頁面跳轉(zhuǎn)**

            1. 小程序啟動,初始化第一個頁面
            2. 跳轉(zhuǎn)新頁面,調(diào)用`wx.navigateTo `或者 `<navigator />`
            3. 頁面重定向,調(diào)用`wx.redirectTo` 或者 `<navigator />`
            4. 頁面返回,調(diào)用`wx.navigateBack `,頁面左上角返回按鈕
            5. `wx.switchTab`實現(xiàn)`tabBar`頁面切換

            > **Tips:** *所有頁面都必須在app.json中注冊,例如*

            ```json
            {
                "pages": [
                    "pages/index/index",
                    "pages/classification/classification",
                    "pages/start/start",
                    "pages/detail/detail", 
                ]
            }
            ```

            ## **二、微信小程序中實現(xiàn)頁面路由的幾種方式**

            1. `wx.navigateTo`,保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面,但是不能跳到 tabbar 頁面

            ```json
            wx.navigateTo({
              url: 'pages/detail/detail',
              success: function(res) {},
              ...
            })
            ```

            1. `wx.redirectTo`,關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面,但是不允許跳轉(zhuǎn)到 tabbar 頁面

            ```json
            wx.redirectTo({
              url: 'pages/detail/detail',
              success:function(res){},
              ...
            })
            ```

            1. `<navigator />`組件跳轉(zhuǎn)方式

            ```json
            <navigator url=pages/detail/detail">跳轉(zhuǎn)</navigator>
            ```

            1. `wx.navigateBack`返回上一頁

            ```json
            wx.navigateBack({
             delta: 1,
            })
            ```

            > **Tips:** *delta為1時表示返回上一頁,為2時表示上上一頁,以此類推;如果dalta大于已打開的頁面總數(shù),則返回到首頁。返回后,元界面會銷毀*

            1. `wx.switchTab`跳轉(zhuǎn)到 tabBar 頁面,并關(guān)閉其他所有非 tabBar 頁面app.json:

            ```json
            {
              "tabBar": {
                "list": [{
                    "pagePath": "pages/index/index",
                    "text": "首頁",
                },
                {
                    "pagePath": "pages/car/car",
                    "text": "購物車",
                  },
               ...
              }
            }
            ```

            index.js:

            ```json
            wx.switchTab({
              url: 'pages/car/car'
            })
            ```

            ## **三、小程序路由實現(xiàn)原理**

            小程序路由是通過自己實現(xiàn)的一個棧(先進先出)來管理的。

            當(dāng)我們通過`wx.navigateTo`或者`<navigator/>`從A頁面跳轉(zhuǎn)到B頁面時。路由棧的變化是這樣的。

            頁面路由1

            路由棧剛開始只存有頁面A,當(dāng)使用`wx.navigateTo`跳轉(zhuǎn)后,頁面B推入路由棧并展示到界面上,頁面A隱藏。

            當(dāng)我們使用`wx.navigateBack`返回時

            頁面路由2

            那么`wx.redirectTo`與`wx.navigateTo`有什么區(qū)別呢?

            假如當(dāng)前已經(jīng)在二級頁面B上,我們使用`wx.redirectTo`跳轉(zhuǎn)到C頁面,其過程是這樣的。

            頁面路由3

            頁面B會被pop出,然后C頁面再push進入棧,這個時候棧中還是只有兩個頁面。

            **- End -**

            更多關(guān)于web培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗,采用全程面授高品質(zhì)、高體驗培養(yǎng)模式,擁有國內(nèi)一體化教學(xué)管理及學(xué)員服務(wù),助力更多學(xué)員實現(xiàn)高薪夢想。

            tags:
            聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
            10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
            請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
            免費領(lǐng)取
            今日已有369人領(lǐng)取成功
            劉同學(xué) 138****2860 剛剛成功領(lǐng)取
            王同學(xué) 131****2015 剛剛成功領(lǐng)取
            張同學(xué) 133****4652 剛剛成功領(lǐng)取
            李同學(xué) 135****8607 剛剛成功領(lǐng)取
            楊同學(xué) 132****5667 剛剛成功領(lǐng)取
            岳同學(xué) 134****6652 剛剛成功領(lǐng)取
            梁同學(xué) 157****2950 剛剛成功領(lǐng)取
            劉同學(xué) 189****1015 剛剛成功領(lǐng)取
            張同學(xué) 155****4678 剛剛成功領(lǐng)取
            鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
            董同學(xué) 138****2867 剛剛成功領(lǐng)取
            周同學(xué) 136****3602 剛剛成功領(lǐng)取
            相關(guān)推薦HOT
            抖音小店照片要求尺寸多大

            在抖音平臺開設(shè)小店已經(jīng)成為了越來越多人的選擇,相信大家已經(jīng)在各大社交平臺上看到有不少小店的推廣。在抖音上,照片是展示產(chǎn)品的重要手段,因...詳情>>

            2023-10-08 16:14:25
            抖音招商團長托管服務(wù)費怎么退回來

            抖音招商團長托管服務(wù)是抖音為有意愿創(chuàng)作內(nèi)容并帶動其他創(chuàng)作者成為團隊成員的用戶提供的一種服務(wù)。通過該服務(wù),招商團長可以自主組建團隊并得到...詳情>>

            2023-10-08 16:08:53
            抖音小店怎么做代銷

            抖音已經(jīng)成為了一個非常受歡迎的短視頻應(yīng)用程序,在其中許多用戶都精心打造了自己的小店,用于銷售各種各樣的商品,獲取額外的收入。然而,要想...詳情>>

            2023-10-08 15:28:41
            怎樣開抖音小店帶貨賺錢

            隨著直播帶貨的火熱,越來越多的人開始嘗試通過抖音小店來開展帶貨業(yè)務(wù)。抖音小店是抖音直播帶貨的配套,可以讓用戶在購買直播中產(chǎn)品時就實現(xiàn)購...詳情>>

            2023-10-08 15:06:36
            能不能幫我打開抖音小店店鋪呢怎么弄

            抖音小店是近年來非?;鸨囊粋€網(wǎng)絡(luò)業(yè)務(wù),也是提供了很多商業(yè)機會的平臺。對于一個創(chuàng)業(yè)者而言,開設(shè)抖音小店是一個不錯的選擇。但是,許多小店...詳情>>

            2023-10-08 15:01:21