Vue හි අංග අවහිර කිරීම
disabled ගුණාංගය භාවිතයෙන් පෝරමයේ අංග
ප්රතික්රියාශීලීව අවහිර කළ හැකිය.
අපි උත්සාහ කරමු. අදාළ
ගුණාංගය සාදමු:
data() {
return {
isDisabled: true,
}
}
මෙම ගුණාංගය බොත්තමට බැඳමු:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
ආදාන ක්ෂේත්රයක් ලබා දී ඇත. බොත්තමක් සාදන්න, එය ක්ලික් කිරීම අපගේ ආදාන ක්ෂේත්රය පිළිවෙලින් අවහිර කරනු ඇත සහ අවහිරය ඉවත් කරනු ඇත.
පෙර කාර්යය වෙනස් කරන්න එවිට ආදාන ක්ෂේත්රයේ තත්වය පාලනය කරනු ලබන්නේ සලකුණු පෙට්ටියක් මගිනි: සලකුණු පෙට්ටිය සලකුණු කර ඇත්නම්, ආදාන ක්ෂේත්රය අවහිරය ඉවත් කර ඇත, සලකුණු කර නොමැති නම් - ආදාන ක්ෂේත්රය අවහිර කර ඇත.
