Vue တွင် အစိတ်အပိုင်းများကို ပိတ်ဆို့ခြင်း

အချက်ပြ attribute disabled ကိုသုံး၍ ဖောင်အစိတ်အပိုင်းများကို တက်ကြွစွာ ပိတ်ဆို့နိုင်ပါသည်။ စမ်းကြည့်ကြပါစို့။ သက်ဆိုင်ရာ property တစ်ခုလုပ်ပါမည်။

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

ဒီ property ကို ခလုတ်တစ်ခုနှင့် ချိတ်ဆက်ပါမည်။

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

Input တစ်ခုပေးထားသည်။ ခလုတ်တစ်ခုလုပ်ပါ၊ ၎င်းကို နှိပ်ခြင်းဖြင့် ကျွန်ုပ်တို့၏ input ကို အလှည့်ကျ ပိတ်ဆို့ပြီး ဖြုတ်ပေးနိုင်ရမည်။

Задание 2

ယခင်လုပ်ဆောင်ချက်ကို ပြုပြင်မွမ်းမံပါ၊ input ၏ အခြေအနေကို checkbox တစ်ခုဖြင့် ထိန်းညှိပေးနိုင်ရမည်။ checkbox ကို အမှန်ခြစ်ထားလျှင် input ပိတ်ဆို့ခြင်း ဖြုတ်ထားပြီး၊ အမှန်မခြစ်ထားလျှင် input ကို ပိတ်ဆို့ထားရမည်။