頁面跳轉(zhuǎn)模塊

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

import router from '@ohos.router';

頁面跳轉(zhuǎn)的幾種方式，根據(jù)需要選擇一種方式跳轉(zhuǎn)即可。

• 方式一：通過調(diào)用router.push()方法，跳轉(zhuǎn)到Ability內(nèi)的指定頁面。

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

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

  router.push({url: 'pages/Second',params: {src: 'Index頁面?zhèn)鱽淼臄?shù)據(jù)',} })
• 方式二：API9及以上，router.push()方法新增了mode參數(shù)，可以將mode參數(shù)配置為router.RouterMode.Single單實例模式和router.RouterMode.Standard標(biāo)準(zhǔn)模式。

  在單實例模式下：如果目標(biāo)頁面的url在頁面棧中已經(jīng)存在同url頁面，離棧頂最近的同url頁面會被移動到棧頂，移動后的頁面為新建頁，原來的頁面仍然存在棧中，頁面棧數(shù)量不變；如果目標(biāo)頁面的url在頁面棧中不存在同url頁面，按標(biāo)準(zhǔn)模式跳轉(zhuǎn)，頁面棧數(shù)量會加1。

  router.push({url: 'pages/Second',params: {src: 'Index頁面?zhèn)鱽淼臄?shù)據(jù)',} }, router.RouterMode.Single)
• 方式三：通過調(diào)用router.replace()方法，跳轉(zhuǎn)到Ability內(nèi)的指定頁面。即使用新的頁面替換當(dāng)前頁面，并銷毀被替換的當(dāng)前頁面，頁面棧數(shù)量不變。 router.replace({url: 'pages/Second',params: {src: 'Index頁面?zhèn)鱽淼臄?shù)據(jù)',} })
• 方式四：API9及以上，router.replace()方法新增了mode參數(shù)，可以將mode參數(shù)配置為router.RouterMode.Single單實例模式和router.RouterMode.Standard標(biāo)準(zhǔn)模式。

  在單實例模式下：如果目標(biāo)頁面的url在頁面棧中已經(jīng)存在同url頁面，離棧頂最近的同url頁面會被移動到棧頂，替換當(dāng)前頁面，并銷毀被替換的當(dāng)前頁面，移動后的頁面為新建頁，頁面棧數(shù)量會減1；如果目標(biāo)頁面的url在頁面棧中不存在同url頁面，按標(biāo)準(zhǔn)模式跳轉(zhuǎn)，頁面棧數(shù)量不變。

  router.replace({url: 'pages/Second',params: {src: 'Index頁面?zhèn)鱽淼臄?shù)據(jù)',} }, router.RouterMode.Single)

?信息傳遞

通過調(diào)用router.getParams()方法獲取Index頁面?zhèn)鬟f過來的自定義參數(shù)。

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

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

?數(shù)據(jù)請求模塊

• 首先需要導(dǎo)入http 模塊

• 配置權(quán)限
  • 在config.json的module模塊里配置，示例如下。
  • 配置網(wǎng)絡(luò)權(quán)限

• 官方示例

彈窗模塊

• 首先需要導(dǎo)入prompt模塊

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

綁定事件

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

• 觸摸事件

• 掛載卸載事件

• 拖拽事件

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。