如果满足两个条件之一，则启用按钮

Question

我正在处理此表单，取决于在组合框上选择的内容，显示另一个组合框或输入字段。并且按钮应直到在该组合框上选择了某项内容或输入的长度大于3时才禁用。而且我无法让最后一点工作。

我尝试过：

<button type="submit" class="btn btn-primary btn-block" :disabled="clientNumberInput.length < 3 || selectedClient === null">{{labels.lblButtonSearch}}</button>

以及此计算出的属性：

searchButtonEnabler() {
    if (this.clientNumberInput.length < 3 || this.selectedClient === null)
        return true
    else
        return false
}

但是它不起作用。我相信这是因为OR在Javascript中是如何工作的。但是我想不出任何其他方式来做到这一点。

编辑：根据要求，我添加了输入字段代码。

<input v-if="selectedSearchByFilter != null && selectedBusiness.id == 3 && selectedSearchByFilter.id == 2"
                           name="clientNumber"
                           type="text"
                           class="form-control"
                           v-model="clientNumberInput"/>

clientNumberInput的值通过v模型更新。我有两个p标签，显示clientNumberInput和selectedClient的值，它们按预期工作。

Answer 1

此对象的外观，

selectedSearchByFilter: {id:2},
selectedBusiness: { id:3}

尝试一下fiddle link

Answer 2

我最初误解为“直到在该组合框上选择了某项内容或输入的长度超过3时才禁用”。实际上您需要clientNumberInput.length < 3 && selectedClient === null