如何在库组件中禁用自定义事件？答案

【问题标题】：How to disable custom event at library component?如何在库组件中禁用自定义事件？
【发布时间】：2019-12-25 10:16:41
【问题描述】：

ux-components 库中有一个切换器组件，它允许处理多个事件。其中一个事件处理程序称为onValueChange。我想阻止默认行为并完全禁止该事件触发。

我尝试了一些js方法，比如preventDefault()。似乎它不适用于自定义事件。

这是我的具有onValueChange 事件的组件。

<ux-switcher-field 
  (onValueChange) = "someFunc()" >
</ux-switcher-field>

这是事件发射器：

@Output()
public onValueChange = new EventEmitter<UxValueChangeEvent<T>>();

正如我所说，我只想禁止该事件在某个特定位置触发。

【问题讨论】：

【解决方案1】：

您可以使用$event.stopPropagation() 取消活动。

代码应如下所示：

<ux-switcher-field 
  (onValueChange) = "$event.stopPropagation()" >
</ux-switcher-field>

您可以在此处阅读有关 stopPropagation 的更多详细信息：

【讨论】：

和 preventDefault() 一样的错误 - ERROR TypeError: $event.stopPropagation is not a function

【解决方案2】：

你可以在模板中像这样使用 event.preventDefault()

<ux-switcher-field 
  (onValueChange) = "$event.preventDefault()" >
</ux-switcher-field>

【讨论】：