Blokiranje elementov v Vue

Elemente obrazca lahko reaktivno blokirate z uporabo atributa disabled. Poskusimo. Ustvarimo ustrezno lastnost:

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

Povežimo to lastnost z gumbom:

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

Задание 1

Podan je vnosni element. Naredite gumb, katerega klik bo izmenično blokiral in odblokiral naš vnosni element.

Задание 2

Spremenite prejšnjo nalogo tako, da stanje vnosnega elementa uravnava potrditveno polje: če je potrditveno polje označeno, je vnosni element odblokiran, če pa ni označeno - je vnosni element blokiran.