Penyekatan Elemen dalam Vue

Anda boleh menyekat elemen borang secara reaktif menggunakan atribut disabled. Mari kita cuba. Buat sifat yang sepadan:

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

Ikat sifat ini kepada butang:

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

Задание 1

Diberikan satu input. Buat satu butang, klik pada mana akan menyekat dan menyahsekat input kami secara bergilir-gilir.

Задание 2

Ubah suai tugas sebelumnya supaya keadaan input dikawal oleh kotak semak: jika kotak semak ditanda, maka input disahsekat, dan jika tidak ditanda - maka input disekat.