Elementu bloķēšana Vue
Var reaktīvi bloķēt formas elementus
izmantojot atribūtu disabled.
Izmēģināsim. Izveidosim atbilstošu
īpašību:
data() {
return {
isDisabled: true,
}
}
Piesaistīsim šo īpašību pogai:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Dots inputa lauks. Izveidojiet pogu, kuras nospiešana pārmaiņus bloķēs un atbloķēs mūsu inputa lauku.
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.
