Memblokir Elemen di Vue
Anda dapat memblokir elemen formulir secara reaktif
menggunakan atribut disabled.
Mari kita coba. Kita buat properti yang sesuai:
data() {
return {
isDisabled: true,
}
}
Ikat properti ini ke tombol:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Diberikan sebuah input. Buatlah tombol yang ketika ditekan akan secara bergantian memblokir dan membuka blokir input kita.
Modifikasi tugas sebelumnya sehingga status input diatur oleh kotak centang: jika kotak centang dicentang, maka input terbuka, dan jika tidak dicentang - maka input diblokir.