Vue'da Elementleri Devre Dışı Bırakma

Form elemanlarını disabled özniteliği kullanarak reaktif bir şekilde devre dışı bırakabilirsiniz. Hadi deneyelim. İlgili özelliği yapalım:

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

Bu özelliği bir butona bağlayalım:

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

Задание 1

Bir input verilmiştir. Tıklanınca inputumuzu sırayla devre dışı bırakan ve tekrar etkinleştiren bir buton yapın.

Задание 2

Önceki görevi, input durumunun bir onay kutusu tarafından kontrol edileceği şekilde değiştirin: onay kutusu işaretliyse input etkin, işaretli değilse input devre dışı bırakılmış olmalı.