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