微信小程式 頁面跳轉及資料傳遞詳解
微信小程式 頁面跳轉及資料傳遞詳解
類似 Android 的 Intent 傳值，微信小程式也一樣可以傳值：
例如：wxml 中寫了一個函式跳轉：
| 1 2 3 4 |
view>
|
在 js 程式碼中寫：其中，url 是跳轉的相對路徑，？問號後面加的是引數，以 key－value 的方式，
這裡傳了個 value 為 2 的引數過去
| 1 2 3 4 5 6 |
|
然後在 missionList.js 中的 OnLoad()方法得到值：option.type 就可以得到了
| 1 2 3 4 5 6 |
|
頁面跳轉
今天嘗試了下小程式點選頁面跳轉，有兩種方式：navigator 元件跳轉和新增點選事件跳轉。
navigator 元件跳轉
和 a 標籤跳轉差不多，給 navigator 新增要跳轉到的 url 地址即可（這裡需要注意下，我們在使用微信 web 開發者工具按 enter 自動補全時生成的元件有錯，navigator 閉合標籤的“/” 位置應該是在 navigator 前，而自動生成的是<navigator/>,導致編譯報錯，同樣的還有 image 元件等）
| 1 2 3 |
|
為元件繫結跳轉事件
index.wxml 中為 image 繫結事件
| 1 2 3 |
|
index.js 檔案中新增跳轉方法：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支援！