Vue-daky elementleri bloklamak
Formanyň elementlerini disabled atributy
bilen reaktiv bir şekilde bloklap bolýar.
Geliň synap göreli. Degişli häsiýeti döretmeli:
javascriptdata() {
return {
isDisabled: true,
}
}
Bu häsiýeti düwmä baglalyň:
App.vue<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Задание 1
Bir input berlen. Şony nobat bilen bloklamak we blokdan çykarmak üçin bir düwme ýasaň.
Задание 2
Öňki meseläni üýtgediň, şeýle ki, input-yň ýagdaýy çekboks bilen dolandyrylsyn: eger çekboks belgilenen bolsa, input blokdan çykarylýar, eger belgilenmedik bolsa, input bloklanýar.