Onsen ui ons工具栏按钮以编程方式启用禁用

Onsen ui ons工具栏按钮以编程方式启用禁用,onsen-ui,Onsen Ui,我有 下一步 我想以编程方式启用或再次禁用它 我发现在ons按钮中,有像setDisabled(true)这样的方法,但不适用于ons工具栏按钮 有人能解释一下如何以编程方式启用/禁用工具栏按钮吗? 谢谢 工具栏按钮通常被删除或隐藏,而不是被禁用,这就是为什么工具栏按钮上没有方法的原因setDisabled只是将disabled属性添加到元素中,没有其他内容。您可以为工具栏按钮实现它,如下所示: <ons-toolbar-button id="buttonNext" disabled &

我有

下一步
我想以编程方式启用或再次禁用它

我发现在ons按钮中,有像setDisabled(true)这样的方法,但不适用于ons工具栏按钮

有人能解释一下如何以编程方式启用/禁用工具栏按钮吗?
谢谢

工具栏按钮通常被删除或隐藏,而不是被禁用,这就是为什么工具栏按钮上没有
方法的原因
setDisabled
只是将
disabled
属性添加到元素中,没有其他内容。您可以为工具栏按钮实现它,如下所示:

<ons-toolbar-button id="buttonNext" disabled >Next</ons-toolbar-button>
当然,您需要一些CSS:

setDisabled = function(boolean) {
  if (boolean) {
    document.querySelector('ons-toolbar-button').setAttribute('disabled', '');
  } else {
    document.querySelector('ons-toolbar-button').removeAttribute('disabled');
  }
}

在这里查看:

我也需要这个,我已经在github上为此创建了一个问题
ons-toolbar-button[disabled] {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}