HarmonyOS 鸿蒙Next 怎么监听按钮用来实现页面的跳转

HarmonyOS 鸿蒙Next 怎么监听按钮用来实现页面的跳转 怎么监听按钮用来实现页面的跳转

7 回复 
楼主您好：

1. Java Page的导航可以使用setClickedListener去跳转页面，具体可参考：
   https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ability-page-switching-0000000000037999

2. JS可以使用onclick点击事件，去实现页面的跳转，具体可参考文档中的**如何实现JS Ability跳转JS Ability和JS Ability跳转JAVA Ability**内容：
   https://developer.huawei.com/consumer/cn/forum/topic/0201603690476490940?fid=0101587865002800104

更多关于HarmonyOS 鸿蒙Next 怎么监听按钮用来实现页面的跳转的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


现在都用eTS了，这是我项目里面的登录按钮,你要先导包

import router from '@system.router'

Button($r("app.string.login"))
    .width(280)
    .height(40)
    .fontSize(14)
    .margin({ top: 10 })
    .onClick(() => {
       router.push({
          uri: 'pages/xxxxx',
       })
    })

如果是eTS里面ability之间的跳转，你要用下面这个：

https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-feature-ability-0000001122343006

.onClick(() => {
    router.push({
        uri: 'pages/Message',
        params: { sessionData: this.sessionItem }
    })
})

欢迎开发小伙伴们进来帮帮楼主

找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：BV1S4411E7LY/?p=17

为按钮添加一个监听事件不就可以了，btn.setClickedListner(component -> { 这里面写跳转页面的代码 })，btn 是按钮对象

在HarmonyOS（鸿蒙）系统中，监听按钮点击事件以实现页面跳转，通常使用的是ArkUI框架中的JS或eTS（Enhanced TypeScript）语言。以下是基于eTS语言的简要实现方式：

首先，在页面的.ets文件中定义按钮和页面跳转逻辑。例如：

@Entry
@Component
struct MyComponent {
  @State navigateTo: boolean = false;

  onButtonClick() {
    this.navigateTo = true;
    if (this.$appContext.router) {
      this.$appContext.router.push({ uri: 'pages/TargetPage/TargetPage' });
    }
  }

  build() {
    Column() {
      Button('Go to Target Page')
        .onClick(() => this.onButtonClick())
    }
  }
}

在上述代码中，Button组件的onClick事件绑定了onButtonClick方法。当按钮被点击时，onButtonClick方法会被调用，该方法内部通过this.$appContext.router.push实现页面跳转。

请注意，这里的TargetPage是目标页面的路径，你需要根据实际情况进行修改。

如果需要在跳转前进行某些条件判断或数据处理，可以在onButtonClick方法中添加相应的逻辑。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部