ელემენტების დაბლოკვა Vue-ში
შესაძლებელია ფორმის ელემენტების რეაქტულად დაბლოკვა
disabled ატრიბუტის საშუალებით.
მოდით ვცადოთ. შევქმნათ შესაბამისი
თვისება:
data() {
return {
isDisabled: true,
}
}
მოვახდინოთ ამ თვისების მიბმა ღილაკზე:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
მოცემულია ინფუთი. შექმენით ღილაკი, რომლის დაჭერაც მონაცვლეობით დააბლოკავს და განბლოკავს ჩვენს ინფუთს.
შეცვალეთ წინა ამოცანა ისე, რომ ინფუთის მდგომარეობა რეგულირდებოდეს ჩექბოქსით: თუ ჩექბოქსი მონიშნულია, მაშინ ინფუთი განბლოკულია, ხოლო თუ არაა მონიშნული - მაშინ ინფუთი დაბლოკილია.
