Vue တွင် method များသို့ parameter များပေးပို့ခြင်း

Event handler များအဖြစ် bind လုပ်ထားသော method များသို့ parameter များပေးပို့နိုင်ပါသည်။ လက်တွေ့တစ်ခုဖြင့် ကြည့်ရအောင်။ ကျွန်ုပ်တို့တွင် အောက်ပါ method ရှိသည်ဆိုပါစို့၊ ထို method သည် ပြသရန် လိုအပ်သော message တစ်ခုကို parameter အဖြစ် လက်ခံသည်။

methods: {
	show: function(str) {
		alert(str);
	}
}

ဤ method ကို tag အမျိုးမျိုးသို့ bind လုပ်ကာ ပြသရန် text များကို parameter အဖြစ် ပေးပို့ကြည့်ပါမည်။

<template>
	<button @click="show('text1')">btn1</button>
	<button @click="show('text2')">btn2</button>
</template>

ဂဏန်းတစ်ခုကို parameter အဖြစ် လက်ခံ၍ alert ဖြင့် ထိုဂဏန်း၏ နှစ်ထပ်ကိန်းကို ပြသပေးသည့် method တစ်ခု ပြုလုပ်ပါ။

ခလုတ် နှစ်ခု ပြုလုပ်ပါ။ ပထမခလုတ်ကို နှိပ်လိုက်သောအခါ 2 ၏ နှစ်ထပ်ကိန်းကို ပြသပါ။ ဒုတိယခလုတ်ကို နှိပ်လိုက်သောအခါ 3 ၏ နှစ်ထပ်ကိန်းကို ပြသပါ။