建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網營銷解決方案
創(chuàng)新互聯(lián)鴻蒙OS教程：鴻蒙OS頁面路由
很多應用由多個頁面組成，比如用戶可以從音樂列表頁面點擊歌曲，跳轉到該歌曲的播放界面。開發(fā)者需要通過頁面路由將這些頁面串聯(lián)起來，按需實現(xiàn)跳轉。
10年積累的成都網站制作、成都做網站經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先制作網站后付款的網站建設流程，更有泰和免費網站建設讓你可以放心的選擇與我們合作。
頁面路由 router 根據頁面的 uri 來找到目標頁面，從而實現(xiàn)跳轉。以最基礎的兩個頁面之間的跳轉為例，具體實現(xiàn)步驟如下：
- 創(chuàng)建兩個頁面。
- 修改配置文件 config.json。
- 調用 router.push() 路由到詳情頁。
- 調用 router.back() 回到首頁。
創(chuàng)建兩個頁面
創(chuàng)建 index 和 detail 頁面，這兩個頁面均包含一個 text 組件和 button 組件：text 組件用來指明當前頁面，button 組件用來實現(xiàn)兩個頁面之間的相互跳轉。hml 文件代碼示例如下：
This is the index page.
This is the detail page.
修改配置文件
config.json 文件是配置文件，主要包含了 JS FA 頁面路由信息。開發(fā)者新創(chuàng)建的頁面都要在配置文件的pages 標簽中進行注冊，處于第一位的頁面為首頁，即點擊圖標后的主頁面。
{
...
"pages": [
"pages/index/index",
"pages/detail/detail"
],
...
}實現(xiàn)跳轉
為了使 button 組件的 launch 方法生效，需要在頁面的 js 文件中實現(xiàn)跳轉邏輯。調用 router.push() 接口將 uri 指定的頁面添加到路由棧中，即跳轉到 uri 指定的頁面。在調用 router 方法之前，需要導入 router 模塊。代碼示例如下：
// index.js
import router from '@system.router';
export default {
launch: function() {
router.push ({
uri: 'pages/detail/detail',
});
},
}// detail.js
import router from '@system.router';
export default {
launch: function() {
router.back();
},
}運行效果如下圖所示：
圖1頁面路由效果
網站名稱：創(chuàng)新互聯(lián)鴻蒙OS教程：鴻蒙OS頁面路由
網站URL：http://m.5511xx.com/article/cogcpco.html
