Låsing av elementer i Vue
Du kan reaktivt låse elementer
i skjemaer ved hjelp av attributtet disabled.
La oss prøve. La oss lage en tilsvarende
egenskap:
data() {
return {
isDisabled: true,
}
}
La oss binde denne egenskapen til en knapp:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Det er gitt et input-felt. Lag en knapp som, når den klikkes på, skal vekselvis låse og opplåse vårt input-felt.
Modifiser den forrige oppgaven slik at tilstanden til input-feltet reguleres av en avkrysningsboks: hvis avkrysningsboksen er merket, er input-feltet opplåst, og hvis den ikke er merket - er input-feltet låst.
