Elementu bloķēšana Vue

Var reaktīvi bloķēt formas elementus izmantojot atribūtu disabled. Izmēģināsim. Izveidosim atbilstošu īpašību:

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

Piesaistīsim šo īpašību pogai:

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

Задание 1

Dots inputa lauks. Izveidojiet pogu, kuras nospiešana pārmaiņus bloķēs un atbloķēs mūsu inputa lauku.

Задание 2

Modificējiet iepriekšējo uzdevumu tā, lai inputa lauka stāvokli regulētu checkbox: ja checkbox ir atzīmēts, tad inputa lauks ir atbloķēts, bet ja nav atzīmēts - tad inputa lauks ir bloķēts.