Vueにおける要素のブロック

フォーム要素は、属性 disabled を使用してリアクティブにブロックできます。試してみましょう。対応するプロパティを作成します：

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

このプロパティをボタンにバインドしましょう：

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

Задание 1

入力フィールドが与えられています。クリックするたびにこの入力フィールドをブロックまたはブロック解除するボタンを作成してください。

Задание 2

前のタスクを変更して、入力フィールドの状態がチェックボックスで調整されるようにしてください：チェックボックスがオンの場合、入力フィールドはブロック解除され、オフの場合、入力フィールドはブロックされます。