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

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

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

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

<template>
	<button v-bind:disabled="isDisabled">btn</button>
</template>

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

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