微信小程式之頁面的跳轉
阿新 • • 發佈：2019-02-19
從一個頁面跳轉到下一個頁面 小程式提供了方法
這裡寫一個demo 一般都是在一個view上繫結一個點選的事件然後在觸發這個事件的時候跳轉
wx.navigateTo(OBJECT)
保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面。
OBJECT 引數說明：
| 引數 | 型別 | 必填 | 說明 |
|---|---|---|---|
| url | String | 是 | 需要跳轉的應用內非 tabBar 的頁面的路徑 , 路徑後可以帶引數。引數與路徑之間使用?分隔，引數鍵與引數值用=相連，不同引數用&分隔；如 'path?key=value&key2=value2' |
| success | Function | 否 | 介面呼叫成功的回撥函式 |
| fail | Function | 否 | 介面呼叫失敗的回撥函式 |
| complete | Function | 否 | 介面呼叫結束的回撥函式（呼叫成功、失敗都會執行） |
demo的頁面
navigator頁面之間的連結 如果是直接跳轉可以直接在url中輸入想跳轉的頁面就可以了 這裡是點選不同按鈕跳到不同頁面就直接給view點選事件bindtap為selectSection
在js檔案中寫觸發點選事件的方法selectSection，點選第一個按鈕跳轉Material頁面 點選第二個按鈕跳轉Article頁面
如果想進行頁面之間的傳值 可以在url後邊加上？ 列如 ../../artic/artic?id=1
在下一頁面如何取值？在onLoad方法中直接取options.id就能取到上個頁面傳給的1 console.log(options.id); 就會輸出1
頁面跳轉記得一定要在app.josn中將要跳到的頁面進行宣告
