Elemente in Vue Blokkeer

Jy kan elemente van 'n vorm reaktief blokkeer deur die disabled attribuut te gebruik. Kom ons probeer dit. Maak die ooreenstemmende eienskap:

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

Bind hierdie eienskap aan die knoppie:

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

Задание 1

'n Invoerveld word gegee. Maak 'n knoppie wat, wanneer dit gedruk word, ons invoerveld om die beurt sal blokkeer en deblokkeer.

Задание 2

Wysig die vorige taak sodat die toestand van die invoerveld deur 'n merkbox gereguleer word: as die merkbox gemerk is, is die invoerveld gedeblokkeer, en as dit nie gemerk is nie, is die invoerveld geblokkeer.