Blocarea elementelor în Vue

Puteți să blocați reactiv elementele formularului folosind atributul disabled. Să încercăm. Să facem proprietatea corespunzătoare:

javascriptdata() {
  return {
    isDisabled: true,
  }
}

Să legăm această proprietate de buton:

App.vue<template>
  <button v-bind:disabled="isDisabled">btn</button>
</template>

Задание 1

Este dat un câmp de introducere. Faceți un buton, a cărui apăsare va bloca și va deblica pe rând câmpul nostru de introducere.

Задание 2

Modificați problema anterioară astfel încât starea câmpului de introducere să fie reglată de o casetă de bifat: dacă caseta este bifată, atunci câmpul este deblocat, iar dacă nu este bifată - atunci câmpul este blocat.