場景

鴻蒙基于JS搭建HelloWorld并修改國際化文件：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118274050

在上面基于JS搭建起來Hello World之后，要新建另一個頁面，并實現頁面間的跳轉和返回。

怎樣新建頁面可以參照如下

鴻蒙開發-基礎組件介紹及chart組件使用：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118333539

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

新建頁面

新建一個todolist頁面

然后在config.json中加入此頁面的路由。

打開應用主頁面

<input class="btn" type="button" value="跳轉到todolist" onclick="clickToToDoList"></input>

添加一個按鈕并設置其點擊事件。

在js中導入router?

import router from '@system.router'

然后點擊事件的具體執行方法

??? clickToToDoList(){router.push({uri: 'pages/todolist/index'});},

通過router.push實現路由跳轉。

這里的url就是上面新建頁面并配置的路由。

然后在todolist頁面再添加一個返回的button

??? <button @click="goback">返回</button>

并且設置其點擊事件

??? goback(){router.back();}

實現效果

總結

以上是生活随笔為你收集整理的鸿蒙开发-实现页面跳转与页面返回的全部內容，希望文章能夠幫你解決所遇到的問題。

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