Elementide blokeerimine Vue's

Võime reaktiivselt blokeerida vormi elemente kasutades atribuuti disabled. Proovime seda. Teeme vastava omaduse:

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

Seome selle omaduse nupuga:

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

Задание 1

Antud on input. Tehke nupp, mille vajutamine vaheldumisi blokeerib ja deblokeerib meie inputi.

Задание 2

Modifitseerige eelmist ülesannet nii, et inputi olekut reguleeriks märkeruut: kui märkeruut on märgitud, siis input on deblokeeritud, aga kui pole märgitud - siis input on blokeeritud.