我想禁用表单提交按钮，直到所有输入字段均已填写并且没有错误。

<button
  :disabled="disabled"
  type="submit"
  value="Submit"
  >
  Suggest
</button>

let disabled = ref(true);
let error = ref(false);

nextTick(() => {
  let inputs = Array.from(document.getElementsByClassName("form__input"));
  if (!error.value) {
    inputs.forEach((input) => {
      if (input.value === "") {
        disabled.value = true;
      } else {
        disabled.value = false;
      }
    });
  }
})

该按钮默认处于禁用状态，但一旦满足已经提到的条件，它就不会自行“启用”。

到目前为止，我正在使用辅助生命周期挂钩 nextTick() ，这显然在这种情况下对我没有帮助。

“禁用”状态将在控制台中更新，但不会在 DOM 上更新。

我该如何解决这个问题？

干杯