場景

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

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

在上面基于JS搭建起來Hello World之后，要新建另一個(gè)頁面，并實(shí)現(xiàn)頁面間的跳轉(zhuǎn)和返回。

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

鴻蒙開發(fā)-基礎(chǔ)組件介紹及chart組件使用：

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

注：

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

新建頁面

新建一個(gè)todolist頁面

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

打開應(yīng)用主頁面

<input class="btn" type="button" value="跳轉(zhuǎn)到todolist" onclick="clickToToDoList"></input>

添加一個(gè)按鈕并設(shè)置其點(diǎn)擊事件。

在js中導(dǎo)入router?

import router from '@system.router'

然后點(diǎn)擊事件的具體執(zhí)行方法

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

通過router.push實(shí)現(xiàn)路由跳轉(zhuǎn)。

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

然后在todolist頁面再添加一個(gè)返回的button

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

并且設(shè)置其點(diǎn)擊事件

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

實(shí)現(xiàn)效果

總結(jié)

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

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