HarmonyOS 鸿蒙Next 自定义组件内部设置enable=false后，调用处onclick还能执行

发布于 1周前 作者 eggper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 自定义组件内部设置enable=false后，调用处onclick还能执行

@Component
export struct CustomButton {
  @Prop isEnable: boolean = false

  build() {
    Row() {
      Button() {
        Text(‘按钮’)
      }
      .width(100)
      .width(100)
      .backgroundColor(’#f00’)
    }.enabled(this.isEnable)
  }
}

import { CustomButton } from ‘…/component/CustomButton’;

@Entry
@Component
struct Index {
  @State isEnable: boolean = false

  build() {
    Row() {
      CustomButton({ isEnable: this.isEnable })
        .onClick(() => {
          console.log(‘Button onClick’);
          this.isEnable = !this.isEnable
        })

    }
  }
}


更多关于HarmonyOS 鸿蒙Next 自定义组件内部设置enable=false后，调用处onclick还能执行的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
3 回复 
.enabled(false)放在外部可以生效：
build() {
    Row() {
      CustomButton({ isEnable: this.isEnable })
        .onClick(() => {
          console.log('Button onClick');
        })
        .enabled(this.isEnable) // 放在这里！
    }
  }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

更多关于HarmonyOS 鸿蒙Next 自定义组件内部设置enable=false后，调用处onclick还能执行的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


期望设置false后，外部不响应点击事件

在HarmonyOS鸿蒙Next系统中，自定义组件内部的enable属性用于控制组件是否可用，即是否响应用户的交互操作。当enable设置为false时，理论上该组件应当不再响应用户的点击事件，包括onclick回调。

然而，如果你发现即便enable被设置为false，调用处的onclick依然能够执行，这可能是由于以下几个原因：

  1. 属性设置时机问题：enable属性可能在onclick事件触发后才被设置为false，导致事件依然被执行。
  2. 事件冒泡：如果自定义组件内部有子组件，且子组件的enable属性未设置或设置为true，点击事件可能通过事件冒泡机制被父组件捕获并执行。
  3. 代码逻辑错误：检查代码中是否有逻辑错误导致enable属性未正确生效，或者onclick事件被其他方式触发。

为了解决这个问题，请确保：

  • enable属性在组件加载或显示前正确设置。
  • 检查所有子组件的enable属性，确保它们也符合期望。
  • 审查相关代码逻辑，确保没有意外触发onclick事件的情况。

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

回到顶部