Vue හි අංග අවහිර කිරීම

disabled ගුණාංගය භාවිතයෙන් පෝරමයේ අංග ප්‍රතික්‍රියාශීලීව අවහිර කළ හැකිය. අපි උත්සාහ කරමු. අදාළ ගුණාංගය සාදමු:

javascriptdata() {
  return {
    isDisabled: true,
  }
}

මෙම ගුණාංගය බොත්තමට බැඳමු:

App.vue<template>
  <button v-bind:disabled="isDisabled">btn</button>
</template>
Задание 1

ආදාන ක්ෂේත්‍රයක් ලබා දී ඇත. බොත්තමක් සාදන්න, එය ක්ලික් කිරීම අපගේ ආදාන ක්ෂේත්‍රය පිළිවෙලින් අවහිර කරනු ඇත සහ අවහිරය ඉවත් කරනු ඇත.

Задание 2

පෙර කාර්යය වෙනස් කරන්න එවිට ආදාන ක්ෂේත්‍රයේ තත්වය පාලනය කරනු ලබන්නේ සලකුණු පෙට්ටියක් මගිනි: සලකුණු පෙට්ටිය සලකුණු කර ඇත්නම්, ආදාන ක්ෂේත්‍රය අවහිරය ඉවත් කර ඇත, සලකුණු කර නොමැති නම් - ආදාන ක්ෂේත්‍රය අවහිර කර ඇත.