Bllokimi i Elementeve në Vue

Mund të bllokoni në mënyrë reaktive elementet e formularit duke përdorur atributin disabled. Le të provojmë. Le të krijojmë pronën përkatëse:

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

Le ta lidhim këtë pronë me butonin:

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

Задание 1

Jepet një input. Bëni një buton, klikimi i të cilit do të bllokojë dhe zhbllokojë në mënyrë alternative input-in tonë.

Задание 2

Modifikoni detyrën e mëparshme në mënyrë që gjendja e input-it të rregullohet nga një checkbox: nëse checkbox-u është i zgjedhur, atëherë input-i është i zhbllokuar, ndërsa nëse nuk është i zgjedhur - atëherë input-i është i bllokuar.