Saya ingin melumpuhkan butang hantar borang sehingga semua medan input diisi dan tiada ralat.

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

Butang dilumpuhkan secara lalai, tetapi ia tidak akan "mendayakan" dirinya apabila syarat yang telah dinyatakan dipenuhi.

Setakat ini saya menggunakan cangkuk kitar hayat berbantu nextTick() yang jelas tidak membantu saya dalam kes ini.

Keadaan "dilumpuhkan" akan dikemas kini dalam konsol, tetapi bukan pada DOM.

Bagaimana saya boleh menyelesaikan masalah ini?

Sola