Elementen blokkeren in Vue

Je kunt elementen van formulieren reactief blokkeren met behulp van het attribuut disabled. Laten we het proberen. We maken de bijbehorende eigenschap:

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

Laten we deze eigenschap binden aan een knop:

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

Задание 1

Er is een invoerveld gegeven. Maak een knop waarop klikken om de beurt ons invoerveld zal blokkeren en deblokkeren.

Задание 2

Wijzig de vorige taak zo dat de status van het invoerveld wordt geregeld door een checkbox: als de checkbox is aangevinkt, is het invoerveld gedeblokkeerd, en als deze niet is aangevinkt - is het invoerveld geblokkeerd.