Memblokir Elemen di Vue

Anda dapat memblokir elemen formulir secara reaktif menggunakan atribut disabled. Mari kita coba. Kita buat properti yang sesuai:

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

Ikat properti ini ke tombol:

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

Задание 1

Diberikan sebuah input. Buatlah tombol yang ketika ditekan akan secara bergantian memblokir dan membuka blokir input kita.

Задание 2

Modifikasi tugas sebelumnya sehingga status input diatur oleh kotak centang: jika kotak centang dicentang, maka input terbuka, dan jika tidak dicentang - maka input diblokir.