3.3　導(dǎo)航組件

在前面的章節(jié)中，我們講過頁面跳轉(zhuǎn)的兩種方式。本節(jié)詳細講一下導(dǎo)航組件navigator。該組件除了跳轉(zhuǎn)功能以外，還包括了跳轉(zhuǎn)小程序等功能，所以單獨拿出來講解。

navigator組件通過設(shè)置鏈接和跳轉(zhuǎn)方式來完成頁面、小程序間的跳轉(zhuǎn)。navigator的自帶屬性如表3.11所示。

表3.11　navigator組件的自帶屬性

open-type的合法值如表3.12所示。

表3.12　open-type的合法值

【示例3-9】

在index.wxml中新增一個頁面跳轉(zhuǎn)，測試跳轉(zhuǎn)頁為view，代碼如下：

運行效果如圖3.11所示。

圖3.11　navigator頁面跳轉(zhuǎn)

【代碼解析】點擊圖中的“跳轉(zhuǎn)到新頁面”按鈕即可完成跳轉(zhuǎn)。這種跳轉(zhuǎn)方式可以有效減少JS文件中的代碼數(shù)量。如果跳轉(zhuǎn)業(yè)務(wù)邏輯比較簡單，推薦使用navigator進行跳轉(zhuǎn)。