arkts onclick 实现两个页面跳转
时间: 2024-02-05 08:07:38 浏览: 241
Android Studio多个按钮跳转多个页面,利用选项卡功能实现
5星 · 资源好评率100%
为了实现两个页面之间的跳转,可以使用ArkTS中提供的router功能。具体实现步骤如下:
1.在需要跳转的页面中引入router:
```javascript
import router from '@system.router'
```
2.在需要触发跳转的元素上添加点击事件,并在事件处理函数中调用router的push方法:
```html
<button onclick="jumpToSecondPage()">跳转到Second页面</button>
```
```javascript
function jumpToSecondPage() {
router.push({
uri: 'pages/Second/Second',
params: {
name: 'Index页面传递'
}
})
}
```
3.在目标页面中通过onInit生命周期函数获取传递过来的参数:
```javascript
export default {
protected: {
onInit() {
console.log(this.$page.route.params.name) // 输出:Index页面传递
}
}
}
```
需要注意的是,以上代码中的'pages/Second/Second'是目标页面的路径,可以根据实际情况进行修改。
阅读全文