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:
data() {
return {
isDisabled: true,
}
}
Bu özelliği bir butona bağlayalım:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Bir input verilmiştir. Tıklanınca inputumuzu sırayla devre dışı bırakan ve tekrar etkinleştiren bir buton yapın.
Ö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ı.
