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