頁面跳轉模塊

在使用頁面路由之前，需要先導入router模塊，如下代碼所示。

import router from '@ohos.router';

頁面跳轉的幾種方式，根據需要選擇一種方式跳轉即可。

• 方式一：通過調用router.push()方法，跳轉到Ability內的指定頁面。

  說明：每調用一次router.push()方法，均會新建一個頁面。默認情況下，頁面棧數量會加1，頁面棧支持的最大頁面數量為32。

  當頁面棧數量較大或者超過32時，可以通過調用router.clear()方法清除頁面棧中的所有歷史頁面，僅保留當前頁面作為棧頂頁面。

  router.push({url: 'pages/Second',params: {src: 'Index頁面傳來的數據',} })
• 方式二：API9及以上，router.push()方法新增了mode參數，可以將mode參數配置為router.RouterMode.Single單實例模式和router.RouterMode.Standard標準模式。

  在單實例模式下：如果目標頁面的url在頁面棧中已經存在同url頁面，離棧頂最近的同url頁面會被移動到棧頂，移動后的頁面為新建頁，原來的頁面仍然存在棧中，頁面棧數量不變；如果目標頁面的url在頁面棧中不存在同url頁面，按標準模式跳轉，頁面棧數量會加1。

  router.push({url: 'pages/Second',params: {src: 'Index頁面傳來的數據',} }, router.RouterMode.Single)
• 方式三：通過調用router.replace()方法，跳轉到Ability內的指定頁面。即使用新的頁面替換當前頁面，并銷毀被替換的當前頁面，頁面棧數量不變。 router.replace({url: 'pages/Second',params: {src: 'Index頁面傳來的數據',} })
• 方式四：API9及以上，router.replace()方法新增了mode參數，可以將mode參數配置為router.RouterMode.Single單實例模式和router.RouterMode.Standard標準模式。

  在單實例模式下：如果目標頁面的url在頁面棧中已經存在同url頁面，離棧頂最近的同url頁面會被移動到棧頂，替換當前頁面，并銷毀被替換的當前頁面，移動后的頁面為新建頁，頁面棧數量會減1；如果目標頁面的url在頁面棧中不存在同url頁面，按標準模式跳轉，頁面棧數量不變。

  router.replace({url: 'pages/Second',params: {src: 'Index頁面傳來的數據',} }, router.RouterMode.Single)

?信息傳遞

通過調用router.getParams()方法獲取Index頁面傳遞過來的自定義參數。

import router from '@ohos.router';@Entry @Component struct Second {@State src: string = router.getParams()?.['src'];// 頁面刷新展示... }

• 注意事項
  • 使用跳轉模塊時，頁面棧支持的最大頁面數量為32。當超過32時，便不會再跳轉了，所以推薦使用router.push（）模塊的單實例模式，即跳轉方式中的方式二。
  • router.push()的單實例模式僅在API9下可以使用。
  • 在使用router.back方法時，必須要再次之前使用一次router.push()方法。
  • 當頁面棧內的頁面數超過數量時，可以使用router.getLength()方法獲取當前頁面內的頁面數量，然后再,然后在使用router.clear（）方法清除頁面棧。

?數據請求模塊

• 首先需要導入http 模塊

• 配置權限
  • 在config.json的module模塊里配置，示例如下。
  • 配置網絡權限

• 官方示例

彈窗模塊

• 首先需要導入prompt模塊

• 主要使用的是prompt.showToast（）方法，作用是可以在屏幕上彈出提示信息。message是彈出的消息，而duration是彈出的時間，單位是毫秒。1000是1秒，則2000是2秒。

綁定事件

• 用on加事件名稱，不同的組件有不同的事件類型。通用事件如下：
• 點擊事件

• 觸摸事件

• 掛載卸載事件

• 拖拽事件

總結

以上是生活随笔為你收集整理的梅科尔工作室-赵隆启-鸿蒙笔记4的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。