Penyekatan Elemen dalam Vue
Anda boleh menyekat elemen borang secara reaktif
menggunakan atribut disabled.
Mari kita cuba. Buat sifat yang sepadan:
data() {
return {
isDisabled: true,
}
}
Ikat sifat ini kepada butang:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Diberikan satu input. Buat satu butang, klik pada mana akan menyekat dan menyahsekat input kami secara bergilir-gilir.
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.