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;
}