day5

頁(yè)面跳轉(zhuǎn)官方文檔
- 界面跳轉(zhuǎn)有兩種方式：通過(guò)navigation組件和通過(guò)wx的API跳轉(zhuǎn)
  - 通過(guò)navigation組件
  - 小程序頁(yè)面跳轉(zhuǎn).jpg
  - 通過(guò)navigation組件的url屬性指定跳轉(zhuǎn)頁(yè)面的路徑
    - <navigator url='/pages/comment/comment'>跳到評(píng)論頁(yè)</navigator>
  - navigation組件的open-type屬性
  - open-type.png
    - redirect:關(guān)閉當(dāng)前頁(yè)面占贫，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面南片，但是不允許跳轉(zhuǎn)到tabbar頁(yè)面吕粹，并且不能返回。（不是一個(gè)壓棧）
    - switchTab：跳轉(zhuǎn)到tabBar頁(yè)面务蝠，并關(guān)閉其他所有tabBar頁(yè)面。（需要在tabBar中定義的）
    - reLaunch:關(guān)閉所有的頁(yè)面烛缔，打開(kāi)應(yīng)用中某個(gè)頁(yè)面馏段。（直接展示某個(gè)頁(yè)面，并且可以跳轉(zhuǎn)到tabBar頁(yè)面）

數(shù)據(jù)傳遞-傳遞方式分析

跳轉(zhuǎn)中數(shù)據(jù)傳遞.jpg

數(shù)據(jù)傳遞.jpg

首頁(yè)跳轉(zhuǎn)到詳情頁(yè)并傳遞數(shù)據(jù)

    <!-- 3.跳轉(zhuǎn)過(guò)程中數(shù)據(jù)的傳遞 -->
    // 1.在首頁(yè)home.wxml中通過(guò)url傳遞數(shù)據(jù)
    <navigator url='/pages/detail/detail?name=why&age=18&height=1.88'>跳到詳情頁(yè)</navigator>
    <view>{{title}}</view>
    
    // 2.從詳情頁(yè)details.js中取出數(shù)據(jù)
      onLoad: function (options) {
        console.log(options)
    },

詳情頁(yè)返回到首頁(yè)并傳遞數(shù)據(jù)

    // 1.在首頁(yè)home.wxml定義一個(gè)插值對(duì)
    <view>{{title}}</view>
    // 2.在首頁(yè)邏輯岑home.js定義插值對(duì)的內(nèi)容
      data: {
        title: '哈哈哈'
      },
    // 3.在詳情頁(yè)details.js中通過(guò)onUnload（頁(yè)面退出的時(shí)候）修改首頁(yè)的插值對(duì)來(lái)假性傳遞數(shù)據(jù)
      onUnload() {
        // 1.獲取首頁(yè)的頁(yè)面對(duì)象
        // getCurrentPages當(dāng)前所有棧的頁(yè)面
        const pages = getCurrentPages()
        const home = pages[pages.length - 2]

        // 2.調(diào)用頁(yè)面對(duì)象的setData
        home.setData({
            title: '呵呵呵'
        })
      },

頁(yè)面跳轉(zhuǎn)-通過(guò)代碼

代碼頁(yè)面跳轉(zhuǎn).jpg

首頁(yè)跳到詳情頁(yè)并傳遞數(shù)據(jù)wx.navigateTo

在首頁(yè)home.wxml定義跳轉(zhuǎn)按鈕

    <!-- 4.通過(guò)代碼進(jìn)行頁(yè)面跳轉(zhuǎn) -->
    <button size='mini' bind:tap="handlePushDetail">跳到詳情頁(yè)</button>

在首頁(yè)邏輯層中定義點(diǎn)擊事件

  handlePushDetail() {
    wx.navigateTo({
        url: '/pages/detail/detail?title=你好啊',
    })
    
    // open-type的每一種屬性都有其指定的API
    // wx.redirectTo({
    //   url: '',
    // })
 }

在詳情頁(yè)通過(guò)onLoad函數(shù)獲取數(shù)據(jù)
```
  onLoad: function (options) {
        console.log(options)
  },
```

詳情頁(yè)跳到首頁(yè)并傳遞數(shù)據(jù)wx.navigateBack
- 在詳情頁(yè)detail.wxml中定義返回按鈕
```
    <button size='mini' bind:tap="handleBackHome">返回</button>
```
- 在詳情頁(yè)的邏輯層定義點(diǎn)擊事件
```
      handleBackHome() {
        wx.navigateBack({
        delta: 1
        })
      }
```

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末力穗，一起剝皮案震驚了整個(gè)濱河市毅弧，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌当窗，老刑警劉巖够坐，帶你破解...
沈念sama閱讀 206,968評(píng)論 6贊 482
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異崖面，居然都是意外死亡元咙，警方通過(guò)查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 88,601評(píng)論 2贊 382
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門巫员，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)庶香，“玉大人，你說(shuō)我怎么就攤上這事简识「弦矗” “怎么了？”我有些...
開(kāi)封第一講書(shū)人閱讀 153,220評(píng)論 0贊 344
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵七扰，是天一觀的道長(zhǎng)奢赂。經(jīng)常有香客問(wèn)我，道長(zhǎng)颈走，這世上最難降的妖魔是什么膳灶？我笑而不...
開(kāi)封第一講書(shū)人閱讀 55,416評(píng)論 1贊 279
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮，結(jié)果婚禮上轧钓，老公的妹妹穿的比我還像新娘序厉。我一直安慰自己，他們只是感情好毕箍，可當(dāng)我...
茶點(diǎn)故事閱讀 64,425評(píng)論 5贊 374
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布弛房。她就那樣靜靜地躺著，像睡著了一般霉晕。火紅的嫁衣襯著肌膚如雪庭再。梳的紋絲不亂的頭發(fā)上，一...
開(kāi)封第一講書(shū)人閱讀 49,144評(píng)論 1贊 285
城市分裂傳說(shuō)
那天牺堰，我揣著相機(jī)與錄音拄轻，去河邊找鬼。笑死伟葫，一個(gè)胖子當(dāng)著我的面吹牛恨搓，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播筏养，決...
沈念sama閱讀 38,432評(píng)論 3贊 401
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼斧抱，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了渐溶？” 一聲冷哼從身側(cè)響起辉浦，我...
開(kāi)封第一講書(shū)人閱讀 37,088評(píng)論 0贊 261
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎茎辐，沒(méi)想到半個(gè)月后宪郊，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 43,586評(píng)論 1贊 300
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡拖陆，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 36,028評(píng)論 2贊 325
?白月光啟示錄
正文我和宋清朗相戀三年弛槐，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片依啰。...
茶點(diǎn)故事閱讀 38,137評(píng)論 1贊 334
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡乎串，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出速警，到底是詐尸還是另有隱情叹誉，我是刑警寧澤，帶...
沈念sama閱讀 33,783評(píng)論 4贊 324
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布闷旧，位于F島的核電站长豁，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏鸠匀。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 39,343評(píng)論 3贊 307
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一逾柿、第九天我趴在偏房一處隱蔽的房頂上張望缀棍。院中可真熱鬧宅此，春花似錦、人聲如沸爬范。這莊子的主人今日做“春日...
開(kāi)封第一講書(shū)人閱讀 30,333評(píng)論 0贊 19
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)青瀑。三九已至璧亮，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間斥难，已是汗流浹背枝嘶。一陣腳步聲響...
開(kāi)封第一講書(shū)人閱讀 31,559評(píng)論 1贊 262
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留哑诊，地道東北人群扶。一個(gè)月前我還...
沈念sama閱讀 45,595評(píng)論 2贊 355
代替公主和親
正文我出身青樓，卻偏偏與公主長(zhǎng)得像镀裤，于是被迫代替她去往敵國(guó)和親竞阐。傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 42,901評(píng)論 2贊 345

day5

推薦閱讀更多精彩內(nèi)容