การส่งพารามิเตอร์ให้เมธอดใน Vue
สามารถส่งพารามิเตอร์ให้เมธอด ที่ผูกไว้เป็นตัวจัดการเหตุการณ์ได้ มาดูกันในทางปฏิบัติ สมมติว่าเรามีเมธอดต่อไปนี้ รับพารามิเตอร์เป็นข้อความ ที่ต้องการแสดง:
methods: {
show: function(str) {
alert(str);
}
}
ลองผูกเมธอดนี้กับแท็กต่างๆ โดยส่งข้อความเป็นพารามิเตอร์ เพื่อแสดงผล:
<template>
<button @click="show('text1')">btn1</button>
<button @click="show('text2')">btn2</button>
</template>
สร้างเมธอดที่รับพารามิเตอร์
เป็นตัวเลขและใช้ alert
แสดงค่ากำลังสองของตัวเลขนั้น
สร้างปุ่มสองปุ่ม เมื่อกด
ปุ่มแรกให้แสดง
กำลังสองของเลข 2
และเมื่อกดปุ่มที่สอง -
กำลังสองของเลข 3
